/*e_FlowCommonStyleBox-001*/
.e_FlowCommonStyleBox-001 {
/* position: absolute;*/
width: 100%;
height: auto;
width-uint: %;
}
/*stylebox_link*/
.e_FlowCommonStyleBox-001 .stylebox_link {
color: #666666;
font-size: 14px;
display: table;
height: inherit;
border-width: 0;
float: right;
vertical-align: middle;
margin-right: 15px;
}
.e_FlowCommonStyleBox-001 .stylebox_link:hover {
color: rgba(101, 190, 186, 1);
}
.e_FlowCommonStyleBox-001 .stylebox_link:active {
color: rgba(101, 190, 186, 1);
}
.e_FlowCommonStyleBox-001 .stylebox_top {
width: auto;
height: 40px;
background-color: #1890FF;
}
.e_FlowCommonStyleBox-001 .title_icon {
display: inline-block;
vertical-align: middle;
line-height: 40px;
color: rgba(255, 255, 255, 1);
margin-right: 10px;
font-size: medium;
}
.e_FlowCommonStyleBox-001 .title_icon::before {
content: "";
}
.e_FlowCommonStyleBox-001 .title_main {
display: inline-block;
vertical-align: middle;
line-height: 40px;
color: rgba(255, 255, 255, 1);
font-weight: normal;
font-size: 16px;
max-width: 600px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.e_FlowCommonStyleBox-001 .title_sub {
display: inline-block;
vertical-align: middle;
line-height: 40px;
color: rgba(255, 255, 255, 1);
font-size: 14px;
font-weight: normal;
margin-left: 10px;
}
.e_FlowCommonStyleBox-001 .stylebox_title {
display: inline-block;
width: auto;
height: inherit;
background-color: #1890FF;
padding-left: 15px;
padding-right: 15px;
font-size: 0;
vertical-align: bottom;
white-space: nowrap;
}
.e_FlowCommonStyleBox-001 .stylebox_link a {
color: inherit;
display: table-cell;
vertical-align: middle;
}
.e_FlowCommonStyleBox-001 .link_icon {
display: inline-block;
margin-left: 5px;
}
.e_FlowCommonStyleBox-001 .link_icon::before {
content: '\e6af';
}
.e_FlowCommonStyleBox-001 .stylebox_top_line {
height: 1px;
background-color: rgba(240, 240, 240, 1);
}
.e_FlowCommonStyleBox-001 .stylebox_content {
border-style: solid;
border-width: 1px;
border-color: #f0f0f0;
width: 100%;
width-uint: %;
}
.e_FlowCommonStyleBox-001 .stylebox_bottom_line {
height: 1px;
background-color: rgba(240, 240, 240, 1);
}
/*e_IndexOrdinaryStyleBox-001*/
.e_IndexOrdinaryStyleBox-001 {
/* position: absolute;*/
width: 100%;
height: auto;
}
/*stylebox_top*/
.e_IndexOrdinaryStyleBox-001 .stylebox_top {
background-color: transparent;
}
/*stylebox_link*/
.e_IndexOrdinaryStyleBox-001 .stylebox_link {
color: #666666;
font-size: 14px;
display: table;
height: inherit;
border-width: 0;
}
.e_IndexOrdinaryStyleBox-001 .stylebox_link:hover {
color: rgba(101, 190, 186, 1);
}
.e_IndexOrdinaryStyleBox-001 .stylebox_link:active {
color: rgba(101, 190, 186, 1);
}
.e_IndexOrdinaryStyleBox-001 .stylebox_top {
width: auto;
height: 40px;
}
.e_IndexOrdinaryStyleBox-001 .title_icon {
display: inline-block;
vertical-align: middle;
line-height: 40px;
color: rgba(255, 255, 255, 1);
margin-right: 10px;
font-size: medium;
}
.e_IndexOrdinaryStyleBox-001 .title_icon::before {
content: "";
}
.e_IndexOrdinaryStyleBox-001 .title_main {
display: inline-block;
vertical-align: middle;
line-height: 40px;
color: rgba(255, 255, 255, 1);
font-weight: normal;
font-size: 16px;
max-width: 600px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.e_IndexOrdinaryStyleBox-001 .title_sub {
display: inline-block;
vertical-align: middle;
line-height: 40px;
color: rgba(255, 255, 255, 1);
font-size: 14px;
font-weight: normal;
margin-left: 10px;
}
.e_IndexOrdinaryStyleBox-001 .stylebox_title {
display: inline-block;
width: auto;
height: inherit;
background-color: rgba(101, 190, 186, 1);
padding-left: 15px;
padding-right: 15px;
font-size: 0;
vertical-align: bottom;
white-space: nowrap;
}
.e_IndexOrdinaryStyleBox-001 .stylebox_link {
float: right;
vertical-align: middle;
margin-right: 15px;
}
.e_IndexOrdinaryStyleBox-001 .stylebox_link a {
color: inherit;
display: table-cell;
vertical-align: middle;
}
.e_IndexOrdinaryStyleBox-001 .link_icon {
display: inline-block;
margin-left: 5px;
}
.e_IndexOrdinaryStyleBox-001 .link_icon::before {
content: '\e6af';
}
.e_IndexOrdinaryStyleBox-001 .stylebox_top_line {
height: 1px;
background-color: rgba(240, 240, 240, 1);
}
.e_IndexOrdinaryStyleBox-001 .stylebox_content {
border-style: solid;
border-width: 1px;
border-color: #f0f0f0;
width: 100%;
height: calc(100% - 48px);
}
.e_IndexOrdinaryStyleBox-001 .stylebox_bottom_line {
height: 1px;
background-color: rgba(240, 240, 240, 1);
}
.c_portalResProduct_list-01001 .mouseBtn {
position: relative
}
.c_portalResProduct_list-01001 .mouseBtn .p_tipsBox {
position: absolute;
padding: 10px;
text-align: center;
border-radius: 10px;
top: -50px;
white-space: nowrap;
left: 50%;
transform: translate(-50%, 0);
}
.c_portalResProduct_list-01001 .p_tipsBox .iconfont::before {
content: '\e6c9';
position: absolute;
bottom: -9px;
left: 50%;
transform: translate(-50%, 0);
}
/* 移动设备样式 */
@media only screen and (max-width:768px) {
.c_portalResProduct_list-01001 {
overflow: hidden;
width: 100%;
height: auto;
min-width: 640px;
margin-left: 0;
margin-right: 0;
}
.c_portalResProduct_list-01001 .p_no {
color: #d6cfcf;
cursor: default;
}
.c_portalResProduct_list-01001 .p_no:hover {
color: #d6cfcf;
cursor: default;
background: #fff;
border-color: #ccc;
}
.c_portalResProduct_list-01001 .p_no:active,
.btn.active {
box-shadow: none;
}
.c_portalResProduct_list-01001 .p_ProductList {
margin: 0;
width: auto;
height: auto;
padding: 0;
background-color: transparent;
white-space: normal;
font-size: 0;
}
/* 属性分类概述样式 */
.c_portalResProduct_list-01001 .p_categorySummaryBox {
padding: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.c_portalResProduct_list-01001 .p_categorySummary {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
line-height: 22px;
text-align: left;
vertical-align: top;
word-break: break-all;
}
/* 排序样式 */
.c_portalResProduct_list-01001 .p_sort {
margin: 0;
width: auto;
height: auto;
padding: 0 15px;
overflow: hidden;
font-size: 16px;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-bottom: 10px solid #F5F5F5;
}
.c_portalResProduct_list-01001 .d_sortBtn {
-webkit-flex: 1.5;
flex: 1.5;
-webkit-box-flex: 1.5;
-moz-box-flex: 1.5;
-ms-flex: 1.5;
display: block;
position: relative;
width: 100%;
line-height: 40px;
text-align: center;
}
.c_portalResProduct_list-01001 .d_sortBtn:hover,
.c_portalResProduct_list-01001 .d_sortBtn:active {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}
.c_portalResProduct_list-01001 .d_sortBtn.active {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}
.c_portalResProduct_list-01001 .p_default {
-webkit-flex: 1;
flex: 1;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
}
.c_portalResProduct_list-01001 .d_sortBtn:lang(active) {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}
.c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:first-child {
display: none;
}
.c_portalResProduct_list-01001 .d_sortBtn .font .iconfont {
display: inline-block;
font-size: 12px;
width: 0;
height: 0;
margin: 5px 0 0 3px;
font: 0/0 arial;
vertical-align: middle;
border: 5px dashed transparent;
border-top: 5px solid rgba(0, 0, 0, 0.45);
text-align: center;
}
.c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:before {
content: "\e69a";
line-height: 30px;
}
.c_portalResProduct_list-01001 .d_sortBtn:lang(active) .font .iconfont,
.c_portalResProduct_list-01001 .d_sortBtn:hover .font .iconfont,
.c_portalResProduct_list-01001 .d_sortBtn:active .font .iconfont {
color: #1890FF;
border-top-color: #1890FF;
}
.c_portalResProduct_list-01001 .d_sortBtn .font .down-arrow {
margin-top: 0;
border-top: 0 none;
border-bottom: 5px solid rgba(0, 0, 0, 0.45);
}
.c_portalResProduct_list-01001 .d_sortBtn .font .arrow:before {
content: "\e69c";
}
.c_portalResProduct_list-01001 .p_default .font .iconfont {
display: none;
}
/* 排序样式end */
/* 列表主体样式start */
.c_portalResProduct_list-01001 .p_products {
width: auto;
height: auto;
margin: 0;
padding: 0;
white-space: normal;
}
.c_portalResProduct_list-01001 .p_Product {
position: relative;
display: inline-block;
vertical-align: top;
width: calc((100% - 0px)/1) !important;
padding: 15px 15px 0;
height: inherit;
}
.c_portalResProduct_list-01001 .p_ProductInner {
width: 100%;
padding: 0 0 15px;
border-top: 0 none;
border-left: 0 none;
border-right: 0 none;
box-sizing: content-box;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c_portalResProduct_list-01001 .p_Product:last-of-type .p_ProductInner {
border: 0 none;
}
/* 图片 */
.c_portalResProduct_list-01001 .p_images {
position: relative;
width: 100%;
height: auto;
margin: 0;
padding: 0;
text-align: center;
font-size: 0;
overflow: hidden;
webkit-flex: 1;
flex: 1;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
}
.c_portalResProduct_list-01001 .p_image {
width: 100%;
height: 100%;
overflow: hidden;
}
.c_portalResProduct_list-01001 .p_imagesPc {
display: none;
}
.c_portalResProduct_list-01001 .p_linkB {
width: inherit;
height: inherit;
display: block;
position: static;
padding-bottom: 75%;
}
.c_portalResProduct_list-01001 .p_image {
width: 100%;
height: 100%;
padding: 0;
}
/* 缩略图移动端隐藏 */
.c_portalResProduct_list-01001 .p_ThumbnailBox {
display: none;
}
/*列表文本内容*/
.c_portalResProduct_list-01001 .d_articles {
height: auto;
width: auto;
padding: 0 0 0 15px;
margin: 0;
-webkit-flex: 2.4;
flex: 2.4;
-webkit-box-flex: 2.4;
-moz-box-flex: 2.4;
-ms-flex: 2.4;
}
/* 标题 */
.c_portalResProduct_list-01001 .d_HeadBox {
margin: 0;
width: auto;
height: auto;
padding: 0;
border-width: 1px;
border-style: none;
border-color: rgba(228, 228, 228, 0);
background-color: transparent;
overflow: hidden;
}
.c_portalResProduct_list-01001 .d_title {
display: block;
width: auto;
height: auto;
margin: 0;
padding: 0;
font-weight: 400;
cursor: pointer;
line-height: 22px;
vertical-align: middle;
}
.c_portalResProduct_list-01001 .p_TagBox {
position: absolute;
top: 0;
right: 0;
margin: 0;
width: auto;
height: auto;
padding: 0;
border-width: 1px;
border-style: none;
border-color: rgba(228, 228, 228, 0);
background-color: transparent;
overflow: hidden;
display: none;
}
.c_portalResProduct_list-01001 .p_tag {
float: left;
margin: 0 5px 0 5px;
padding: 0;
border-width: 1px;
border-style: none;
border-color: transparent;
overflow: hidden;
}
.c_portalResProduct_list-01001 .p_tag:hover {
border-width: 1px;
border-style: none;
border-color: transparent;
}
.c_portalResProduct_list-01001 .p_tag:active {
border-width: 1px;
border-style: none;
border-color: transparent;
}
.c_portalResProduct_list-01001 .d_item {
width: auto;
height: auto;
margin: 5px 0;
padding: 0;
vertical-align: middle;
overflow: hidden;
}
.c_portalResProduct_list-01001 .d_item .d_itemLable {
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0;
font-size: 14px;
}
.c_portalResProduct_list-01001 .d_item .d_itemValue {
display: inline-block;
vertical-align: middle;
font-size: 14px;
}
/* 隐藏移动的标签 */
.c_portalResProduct_list-01001 .p_salePricePc,
.c_portalResProduct_list-01001 .p_NomBoxPc {
display: none;
}
/* 概要 */
.c_portalResProduct_list-01001 .d_SummaryBox {
margin: 5px 0;
width: auto;
height: auto;
padding: 0;
overflow: hidden;
}
.c_portalResProduct_list-01001 .d_summary {
color: #999;
font-size: 12px;
line-height: 20px;
text-align: left;
vertical-align: top;
word-break: break-all;
}
/* 零售价 */
.c_portalResProduct_list-01001 .d_SalePrice {
display: inline-table;
margin: 0;
padding: 0;
text-align: left;
vertical-align: middle;
}
.c_portalResProduct_list-01001 .p_priceUnit::before {
content: "\e6d7";
}
/* 交互按钮 */
.c_portalResProduct_list-01001 .p_interaction {
margin: 0;
width: auto;
height: auto;
padding: 0;
border-width: 1px;
border-style: none;
border-color: rgba(228, 228, 228, 0);
background-color: transparent;
word-break: break-all;
white-space: normal;
font-size: 14px;
margin-top: 5px;
}
.c_portalResProduct_list-01001 .p_interaction .btn-default {
display: inline-block;
margin: 5px 0 0;
margin: 0;
}
/* 交互信息 */
.c_portalResProduct_list-01001 .p_keyword {
display: inline-block;
padding-right: 5px;
white-space: nowrap;
overflow: hidden;
vertical-align: middle;
}
/* 列表主体样式end */
.c_portalResProduct_list-01001 .btn-group {
margin-top: 5px;
}
.c_portalResProduct_list-01001 .dropdown-menu {
min-width: inherit;
width: 220px;
padding-left: 5px;
padding-right: 5px;
max-height: 250px;
overflow-y: auto;
}
.c_portalResProduct_list-01001 .dropdown-menu .name {
display: inline-block;
width: 170px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
}
.c_portalResProduct_list-01001 .dropdown-menu .down {
display: inline-block;
width: 30px;
color: #1890FF;
cursor: pointer;
padding: 0;
cursor: pointer;
}
}
/* 屏幕宽度在1024px以上pc端样式 */
@media only screen and (min-width:769px) {
.c_portalResProduct_list-01001 {
overflow: hidden;
width: 100%;
height: auto;
margin-left: 0;
margin-right: 0;
}
.c_portalResProduct_list-01001 .p_no {
color: #d6cfcf;
cursor: default;
}
.c_portalResProduct_list-01001 .p_no:hover {
color: #d6cfcf;
cursor: default;
background: #fff;
border-color: #ccc;
}
.c_portalResProduct_list-01001 .p_no:active,
.btn.active {
box-shadow: none;
}
.c_portalResProduct_list-01001 .p_ProductList {
width: auto;
height: auto;
white-space: normal;
font-size: 0;
padding: 20px 25px;
}
/* 属性分类概述样式 */
.c_portalResProduct_list-01001 .p_categorySummaryBox {
padding: 0 0 20px;
margin: 0 0 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.c_portalResProduct_list-01001 .p_categorySummary {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
line-height: 22px;
text-align: left;
vertical-align: top;
word-break: break-all;
}
/* 排序样式 */
.c_portalResProduct_list-01001 .p_sort {
margin: 0 0 10px;
width: auto;
height: auto;
padding: 0 0 0 1px;
border-width: 1px;
border-style: none;
border-color: rgba(228, 228, 228, 0);
background-color: transparent;
overflow: hidden;
clear: both;
font-size: 14px;
}
.c_portalResProduct_list-01001 .d_sortBtn {
position: relative;
float: left;
height: 30px;
margin: 0 0 0 -1px;
line-height: 30px;
text-align: left;
padding-left: 15px;
padding-right: 30px;
background-color: rgba(255, 255, 255, 1);
border-width: 1px;
border-style: solid;
border-color: #D9D9D9;
cursor: pointer;
color: rgba(0, 0, 0, 0.65);
}
.c_portalResProduct_list-01001 .d_sortBtn:hover,
.c_portalResProduct_list-01001 .d_sortBtn:active {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}
.c_portalResProduct_list-01001 .d_sortBtn.active {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}
.c_portalResProduct_list-01001 .p_default {
padding-right: 15px;
}
.c_portalResProduct_list-01001 .d_sortBtn:lang(active) {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}
.c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:first-child {
display: none;
}
.c_portalResProduct_list-01001 .d_sortBtn .font .iconfont {
display: inline-block;
position: absolute;
top: 0;
right: 8px;
font-size: 12px;
color: rgba(0, 0, 0, 0.65);
text-align: center;
transform: rotate(180deg);
-ms-transform: rotate(180deg);
/* IE 9 */
-moz-transform: rotate(180deg);
/* Firefox */
-webkit-transform: rotate(180deg);
/* Safari 和 Chrome */
}
.c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:before {
content: "\e69a";
line-height: 30px;
}
.c_portalResProduct_list-01001 .d_sortBtn:lang(active) .font .iconfont,
.c_portalResProduct_list-01001 .d_sortBtn:hover .font .iconfont,
.c_portalResProduct_list-01001 .d_sortBtn:active .font .iconfont {
color: #1890FF;
}
.c_portalResProduct_list-01001 .d_sortBtn .font .arrow {
transform: rotate(180deg);
-ms-transform: rotate(180deg);
/* IE 9 */
-moz-transform: rotate(180deg);
/* Firefox */
-webkit-transform: rotate(180deg);
/* Safari 和 Chrome */
}
.c_portalResProduct_list-01001 .d_sortBtn .font .down-arrow {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
/* IE 9 */
-moz-transform: rotate(0deg);
/* Firefox */
-webkit-transform: rotate(0deg);
/* Safari 和 Chrome */
}
.c_portalResProduct_list-01001 .d_sortBtn .font .arrow:before {
content: "\e69a";
}
.c_portalResProduct_list-01001 .p_default .iconfont.arrow {
display: none;
}
/* 排序样式end */
/* 列表主体样式start */
.c_portalResProduct_list-01001 .p_products {
width: auto;
height: auto;
margin: 0;
padding: 0;
white-space: normal;
}
.c_portalResProduct_list-01001 .p_Product {
position: relative;
display: inline-block;
vertical-align: top;
width: calc((100% - 0px)/3);
padding: 10px;
height: inherit;
}
.c_portalResProduct_list-01001 .p_ProductInner {
width: 100%;
padding: 0 0 5px;
box-sizing: content-box;
}
.c_portalResProduct_list-01001 .p_ProductInner:hover {
border-width: 3px;
border-color: #1890FF;
margin: -2px;
}
/* 图片 */
.c_portalResProduct_list-01001 .p_images {
position: relative;
width: 100%;
height: 188px;
margin: 0;
padding: 0;
text-align: center;
font-size: 0;
overflow: hidden;
}
.c_portalResProduct_list-01001 .p_imagesMo {
display: none;
}
.c_portalResProduct_list-01001 .p_linkB {
width: inherit;
height: inherit;
display: block;
position: static;
padding-bottom: 75%;
}
.c_portalResProduct_list-01001 .p_image {
width: 100%;
height: 100%;
padding: 0;
}
/* 缩略图移动端隐藏 */
.c_portalResProduct_list-01001 .p_ThumbnailBox {
position: absolute;
left: 0;
bottom: 1px;
z-index: 10;
width: 236px;
height: auto;
padding: 0;
overflow: hidden;
height: auto;
}
.c_portalResProduct_list-01001 .p_ThumbnailBox .p_thumbnail {
position: relative;
width: 42px;
height: 34px;
float: left;
margin: 0 2px;
max-width: 42px;
max-height: 34px;
overflow: hidden;
border: 2px solid rgba(0, 0, 0, .45)
}
.c_portalResProduct_list-01001 .p_ThumbnailBox .p_thumbnail:hover {
border-color: rgba(255, 255, 255, .7)
}
/*列表文本内容*/
.c_portalResProduct_list-01001 .d_articles {
height: auto;
width: auto;
padding: 0 0 0 15px;
margin: 0;
-webkit-flex: 2.4;
flex: 2.4;
-webkit-box-flex: 2.4;
-moz-box-flex: 2.4;
-ms-flex: 2.4;
}
/* 标题 */
.c_portalResProduct_list-01001 .d_HeadBox {
margin: 5px 0 0;
width: auto;
height: auto;
padding: 0;
border-width: 1px;
border-style: none;
border-color: rgba(228, 228, 228, 0);
background-color: transparent;
overflow: hidden;
}
.c_portalResProduct_list-01001 .d_title {
display: block;
width: auto;
height: auto;
margin: 0;
padding: 0;
font-weight: 400;
cursor: pointer;
line-height: 22px;
vertical-align: middle;
}
.c_portalResProduct_list-01001 .p_TagBox {
position: absolute;
top: 0;
right: 0;
margin: 0;
width: auto;
height: auto;
padding: 0;
border-width: 1px;
border-style: none;
border-color: rgba(228, 228, 228, 0);
background-color: transparent;
overflow: hidden;
}
.c_portalResProduct_list-01001 .p_tag {
float: left;
margin: 0 5px 0 5px;
padding: 0;
border-width: 1px;
border-style: none;
border-color: transparent;
overflow: hidden;
}
.c_portalResProduct_list-01001 .p_tag:hover {
border-width: 1px;
border-style: none;
border-color: transparent;
}
.c_portalResProduct_list-01001 .p_tag:active {
border-width: 1px;
border-style: none;
border-color: transparent;
}
.c_portalResProduct_list-01001 .d_item {
width: auto;
height: auto;
margin: 5px 0;
padding: 0;
vertical-align: middle;
overflow: hidden;
}
.c_portalResProduct_list-01001 .d_item .d_itemLable {
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0;
font-size: 14px;
}
.c_portalResProduct_list-01001 .d_item .d_itemValue {
display: inline-block;
vertical-align: middle;
font-size: 14px;
}
/* 隐藏移动的标签 */
.c_portalResProduct_list-01001 .p_salePriceMo,
.c_portalResProduct_list-01001 .p_NomBoxMo {
display: none;
}
/* 概要 */
.c_portalResProduct_list-01001 .d_SummaryBox {
margin: 5px 0;
width: auto;
height: auto;
padding: 0;
overflow: hidden;
}
.c_portalResProduct_list-01001 .d_summary {
line-height: 20px;
text-align: left;
vertical-align: top;
word-break: break-all;
}
/* 零售价 */
.c_portalResProduct_list-01001 .d_SalePrice {
display: inline-table;
margin: 0;
padding: 0;
text-align: left;
vertical-align: middle;
}
.c_portalResProduct_list-01001 .p_priceUnit::before {
content: "\e6d7";
}
/* 交互按钮 */
.c_portalResProduct_list-01001 .p_interaction {
margin: 0;
width: auto;
height: auto;
padding: 0;
border-width: 1px;
border-style: none;
border-color: rgba(228, 228, 228, 0);
background-color: transparent;
word-break: break-all;
white-space: normal;
font-size: 14px;
margin-top: 5px;
}
.c_portalResProduct_list-01001 .p_interaction .btn-default {
display: inline-block;
margin: 5px 0 0;
margin: 0;
}
/* 交互信息 */
.c_portalResProduct_list-01001 .p_keyword {
display: inline-block;
padding-right: 5px;
white-space: nowrap;
overflow: hidden;
vertical-align: middle;
}
/* 列表主体样式end */
.c_portalResProduct_list-01001 .dropdown-menu {
min-width: inherit;
width: 350px;
padding-left: 5px;
padding-right: 5px;
max-height: 220px;
overflow-y: auto;
}
.c_portalResProduct_list-01001 .dropdown-menu .name {
display: inline-block;
width: 290px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
}
.c_portalResProduct_list-01001 .dropdown-menu .down {
display: inline-block;
width: 30px;
color: #1890FF;
cursor: pointer;
background: none;
padding: 0;
}
}
/* 屏幕宽度介于768px-1024px样式 */
@media only screen and (min-width:769px) and (max-width: 1024px) {}
@media only screen and (max-width: 768px) {
/*小屏*/
.c_portalResEbizads_banner-01001 .p_prompt {
width: auto;
height: auto;
text-align: center;
background-color: inherit;
font-size: 16px;
border: 1px solid #E4E4E4;
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_title {
display: inline-table;
padding: 0 30px;
height: 100%;
min-height: 260px;
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_title .iconfont:before {
content: "";
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_title .first {
height: auto;
display: table-cell;
font-size: 36px;
margin-right: 10px;
position: relative;
color: #09bb07;
vertical-align: middle;
padding: 0 10px 10px 0;
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_title .first:before {
content: "\e6b4";
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_title {
font-size: 24px;
text-align: left;
color: rgba(51, 51, 51, 1);
font-weight: bold;
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_title .font {
display: table-cell;
line-height: normal;
vertical-align: middle;
}
.c_portalResEbizads_banner-01001 .p_prompt .promptbox {
width: auto;
height: 100%;
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_content {
font-size: 18px;
color: rgba(105, 105, 105, 1);
padding-left: 65px;
}
/*列表缩略图切换1*/
.c_portalResEbizads_banner-01001 .p_SwitchBtnD {
display: inline-block;
vertical-align: middle;
cursor: pointer;
font-size: 56px;
color: #e2e2e2;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont:before {
content: '\e687';
display: inline-block;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD .font {
display: table;
width: inherit;
height: inherit;
pointer-events: none;
}
/*列表缩略图切换1*/
.c_portalResEbizads_banner-01001 .p_SwitchBtnC {
display: inline-block;
vertical-align: middle;
cursor: pointer;
font-size: 56px;
color: #e2e2e2;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnC .iconfont:before {
content: '\e687';
display: inline-block;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnC .font {
display: table;
width: inherit;
height: inherit;
pointer-events: none;
}
/*序号图片组符*/
.c_portalResEbizads_banner-01001 .p_ListNumBtn {
display: inline-table;
height: 30px;
width: 30px;
background-color: #67b8b4;
border-width: 1px;
border-color: transparent;
color: #999999;
font-size: 12px;
font-family: 'Microsoft YaHei';
}
.c_portalResEbizads_banner-01001 .p_ListNumBtn img {
display: none;
}
.c_portalResEbizads_banner-01001 .p_ListNumBtn .shape {
display: table-cell;
width: inherit;
height: inherit;
text-align: center;
vertical-align: middle;
}
.c_portalResEbizads_banner-01001 .p_ListNumBtn:active {
color: rgba(255, 255, 255, 1);
}
.c_portalResEbizads_banner-01001 .p_ListNumBtn.active {
color: rgba(255, 255, 255, 1);
}
.c_portalResEbizads_banner-01001 .p_ListNumBtn.j-nav-active {
color: rgba(255, 255, 255, 1);
}
/*方形图片组符*/
.c_portalResEbizads_banner-01001 .p_SquareNumBtn {
display: inline-block;
height: 10px;
width: 100px;
padding: 0;
background-color: #f2f2f2;
border-width: 1px;
border-color: transparent;
font-size: 12px;
font-family: 'Microsoft YaHei';
text-align: center;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn img {
display: none;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn .shape {
text-indent: -9999em;
width: inherit;
height: inherit;
vertical-align: middle;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn:active {
background-color: #67b8b4;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn.active {
background-color: #67b8b4;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn.j-nav-active {
background-color: #67b8b4;
}
/*圆型图片组符*/
.c_portalResEbizads_banner-01001 .p_CircleNumBtn {
width: 15px;
height: 15px;
display: inline-table;
background-color: rgba(228, 228, 228, 1);
color: rgba(153, 153, 153, 1);
font-size: 12px;
border-radius: 10px;
-moz-border-radius: 10px;
text-align: center;
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn img {
display: none;
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn .shape {
width: inherit;
height: inherit;
text-indent: -99999px;
display: table-cell;
vertical-align: middle;
border-radius: inherit;
-moz-border-radius: inherit;
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn:active {
background-color: rgba(105, 192, 188, 1);
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn.active {
background-color: rgba(105, 192, 188, 1);
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn.j-nav-active {
background-color: rgba(105, 192, 188, 1);
}
/*通用图片组符*/
.c_portalResEbizads_banner-01001 .p_NumBtn {
width: 150px;
height: 66px;
border-color: rgba(242, 242, 242, 1);
border-width: 2px;
border-style: solid;
}
.c_portalResEbizads_banner-01001 .p_NumBtn .shape {
display: none;
}
.c_portalResEbizads_banner-01001 .p_NumBtn:active {
border-color: rgba(103, 184, 180, 1);
}
.c_portalResEbizads_banner-01001 .p_NumBtn.active {
border-color: rgba(103, 184, 180, 1);
}
/*通用容器*/
.c_portalResEbizads_banner-01001 .p_ThumbnailBox {
width: inherit;
height: auto;
background-color: transparent;
overflow: hidden;
}
/*图集页概要信息*/
.c_portalResEbizads_banner-01001 .p_ImgSummary {
text-align: justify;
vertical-align: top;
word-break: break-all;
}
/*图集标题*/
.c_portalResEbizads_banner-01001 .p_ImgHead {
display: inline-table;
margin: 0;
padding: 0;
color: #323232;
font-size: 30px;
font-weight: 400;
text-align: left;
white-space: nowrap;
overflow: visible;
}
.c_portalResEbizads_banner-01001 .p_ImgHead .font {
display: table-cell;
vertical-align: top;
line-height: 30px;
}
.c_portalResEbizads_banner-01001 .p_ImgHead .iconfont:before {
content: "";
}
/*通用容器*/
.c_portalResEbizads_banner-01001 .p_TitleBox {
width: inherit;
height: auto;
overflow: hidden;
}
/*链接元素*/
/*图集图片说明容器*/
.c_portalResEbizads_banner-01001 .p_SummaryBox {
width: inherit;
height: auto;
border-width: 1px;
border-style: none;
border-color: rgba(228, 228, 228, 0);
background-color: rgba(179, 179, 179, 1);
overflow: visible;
}
/*纯图标切换按钮*/
.c_portalResEbizads_banner-01001 .p_SwitchBtnB {
background: rgba(81, 80, 80, .3);
width: 64px;
height: 139px;
cursor: pointer;
text-align: center;
color: rgba(255, 255, 255, 1);
font-size: 40px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB .font {
display: table;
width: inherit;
height: inherit;
/*background-color:rgba(202,202,202,.3);*/
pointer-events: none;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB .iconfont {
display: table-cell;
vertical-align: middle;
position: relative;
top: 3px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB:hover {
border-width: 0;
border-style: solid;
border-color: rgba(255, 255, 255, 0);
background-color: rgba(115, 115, 115, .7);
color: rgba(106, 192, 189, 1);
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB:active {
border-width: 0;
border-style: solid;
border-color: rgba(255, 255, 255, 0);
background-color: rgba(81, 80, 80, .7);
}
/*通用容器*/
.c_portalResEbizads_banner-01001 .p_interactionB {
width: inherit;
height: auto;
background-color: transparent;
overflow: hidden;
}
/*纯图标切换按钮*/
.c_portalResEbizads_banner-01001 .p_SwitchBtnA {
background: rgba(81, 80, 80, .3);
width: 64px;
height: 139px;
cursor: pointer;
text-align: center;
color: rgba(255, 255, 255, 1);
font-size: 40px;
z-index: 999;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA .font {
display: table;
width: inherit;
height: inherit;
/*background-color:rgba(202,202,202,.3);*/
pointer-events: none;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA .iconfont {
display: table-cell;
vertical-align: middle;
position: relative;
top: 3px;
right: 4px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA:hover {
border-width: 0;
border-style: solid;
border-color: rgba(255, 255, 255, 0);
background-color: rgba(115, 115, 115, .7);
color: rgba(106, 192, 189, 1);
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA:active {
border-width: 0;
border-style: solid;
border-color: rgba(255, 255, 255, 0);
background-color: rgba(81, 80, 80, .7);
}
/*通用容器*/
.c_portalResEbizads_banner-01001 .p_interactionA {
width: inherit;
height: auto;
background-color: transparent;
overflow: hidden;
}
.c_portalResEbizads_banner-01001 .p_interactionA+.p_interactionA {
left: initial;
right: 0;
}
/*多图组大图边框*/
.c_portalResEbizads_banner-01001 .p_imageA {
width: auto;
height: auto;
overflow: hidden;
}
/*链接元素*/
/*通用容器*/
.c_portalResEbizads_banner-01001 .p_images {
width: inherit;
height: auto;
background-color: transparent;
overflow: hidden;
}
/*主要内容区容器*/
.c_portalResEbizads_banner-01001 .p_banner {
width: inherit;
height: auto;
border-width: 1px;
border-style: none;
border-color: rgba(255, 255, 255, 1);
background-color: transparent;
overflow: visible;
}
.c_portalResEbizads_banner-01001 {
min-width: 300px;
overflow: auto;
}
.c_portalResEbizads_banner-01001 .p_banner {
width: 100%;
height: 100%;
background-color: transparent;
}
.c_portalResEbizads_banner-01001 .p_images {
width: auto;
height: auto;
}
.c_portalResEbizads_banner-01001 .p_ThumbnailBox {
width: auto;
height: auto;
border-width: 0;
background-color: transparent;
}
.c_portalResEbizads_banner-01001 .p_ThumbnailBoxA {
width: auto;
height: auto;
}
.c_portalResEbizads_banner-01001 .p_interactionA {
width: auto;
height: auto;
}
.c_portalResEbizads_banner-01001 .p_interactionB {
width: auto;
height: auto;
}
.c_portalResEbizads_banner-01001 .p_TitleBox {
border-width: 0;
}
.c_portalResEbizads_banner-01001 .p_TitleBoxA {
width: auto;
height: auto;
border-width: 0;
background-color: transparent;
}
.c_portalResEbizads_banner-01001 .c_banner {
width: inherit;
height: inherit;
}
.c_portalResEbizads_banner-01001 .p_images {
width: inherit;
height: inherit;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.c_portalResEbizads_banner-01001 .p_LinkA {
width: inherit;
height: inherit;
display: block;
position: relative;
}
.c_portalResEbizads_banner-01001 .p_imageA {
vertical-align: baseline;
text-align: center;
width: inherit;
height: inherit;
}
.c_portalResEbizads_banner-01001 .p_imageA:hover {
background-color: transparent;
}
.c_portalResEbizads_banner-01001 .p_imageA:hover:after {
background-color: transparent;
}
.c_portalResEbizads_banner-01001 .p_interactionA {
cursor: pointer;
left: 0;
height: 100%;
position: absolute;
top: 0;
z-index: 99;
overflow: visible;
}
.c_portalResEbizads_banner-01001 .p_interactionB {
cursor: pointer;
right: 0;
height: 100%;
position: absolute;
top: 0;
z-index: 99;
overflow: visible;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA {
position: absolute;
top: 50%;
margin-top: -37px;
padding-top: 10px;
color: rgb(187, 182, 182);
left: 0;
width: 33px;
height: 64px;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA .iconfont:before {
font-size: 30px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB {
position: absolute;
top: 50%;
margin-top: -37px;
right: 0;
width: 33px;
height: 64px;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
padding-top: 10px;
color: rgb(187, 182, 182);
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB .iconfont:before {
font-size: 30px;
}
.c_portalResEbizads_banner-01001 .p_SummaryBox {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 5;
height: 70px;
background-color: transparent;
display: none;
}
.c_portalResEbizads_banner-01001 .p_SummaryBox:hover {
background-color: transparent;
}
.c_portalResEbizads_banner-01001 .p_SummaryBox .p_LinkB {
display: block;
background-color: rgba(0, 0, 0, 0.5);
}
.c_portalResEbizads_banner-01001 .p_TitleBox {
width: 100%;
height: auto;
height: 60px;
line-height: 60px;
padding: 0 10px;
position: absolute;
bottom: 0;
left: 0;
z-index: 999;
font-weight: bold;
}
.c_portalResEbizads_banner-01001 .p_LinkA .p_TitleBox span {
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.c_portalResEbizads_banner-01001 .p_LinkA:hover .p_TitleBox span {
color: #fff;
}
.c_portalResEbizads_banner-01001 .p_TitleBoxA {
width: 100%;
height: inherit;
padding-left: 20px;
padding-right: 20px;
}
.c_portalResEbizads_banner-01001 .p_ThumbnailBox {
position: absolute;
text-align: center;
font-size: 0;
z-index: 6;
overflow: hidden;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
bottom: 60px;
left: 42%;
}
.c_portalResEbizads_banner-01001 .p_ThumbnailBoxA {
padding-right: 30px;
padding-left: 30px;
width: 100%;
position: absolute;
right: 0;
bottom: 0;
text-align: right;
font-size: 0;
z-index: 6;
overflow: hidden;
}
.c_portalResEbizads_banner-01001 .p_ThumbnailBox .p_NumBtn:first-child {
margin-left: 0;
}
.c_portalResEbizads_banner-01001 .p_NumBtn {
margin-right: 6px;
font-size: 0;
width: 90px;
height: auto;
display: inline-block;
overflow: hidden;
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn {
margin-left: 10px;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn {
margin-left: 10px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnC {
position: absolute;
top: 50%;
left: 0;
cursor: pointer;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD {
position: absolute;
top: 50%;
right: 0;
cursor: pointer;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn,
.c_portalResEbizads_banner-01001 .p_SquareNumBtn,
.c_portalResEbizads_banner-01001 .p_ListNumBtn {
margin-top: 20px;
margin-bottom: 20px;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn {
width: 98px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont:before {
content: "\e6ae";
font-size: 30px;
}
.c_portalResEbizads_banner-01001 .p_ImgSummary {
font-weight: normal;
white-space: normal;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnC .iconfont {
font-size: 30px;
color: rgba(255, 255, 255, .6);
display: table-cell;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont {
font-size: 30px;
color: rgba(255, 255, 255, .6);
display: table-cell;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnC:hover .iconfont {
color: rgba(105, 192, 188, 1);
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD:hover .iconfont {
color: rgba(105, 192, 188, 1);
}
.c_portalResEbizads_banner-01001 .p_NumBtn:hover {
border-color: rgba(103, 184, 180, 1);
}
/*缩略图插件样式*/
.c_portalResEbizads_banner-01001 .swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
/* Fix of Webkit flickering */
z-index: 1;
height: 100%;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate(0px, 0px);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
.c_portalResEbizads_banner-01001 .p_MatteIcon:before {
content: '\e752';
}
.c_portalResEbizads_banner-01001 .widther img {
width: auto !important;
}
.c_portalResEbizads_banner-01001 .swiper-pagination1 {
position: absolute;
z-index: 20;
bottom: 65px;
width: 100%;
text-align: center;
}
.c_portalResEbizads_banner-01001 .dot {
width: 20px;
height: 20px;
}
.c_portalResEbizads_banner-01001 .swiper-pagination span {
display: inline-block;
margin-right: 4px;
}
.c_portalResEbizads_banner-01001 .background_default {
display: inline-block;
width: 27px;
height: 27px;
border-radius: 50%;
margin: 0 5px;
opacity: 0.8;
cursor: pointer;
}
.c_portalResEbizads_banner-01001 .swiper-wrapper .swiper-slide img {
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
max-width: 100%;
width: 100%;
/*height: 150px !important;*/
}
.c_portalResEbizads_banner-01001 .background_default {
width: 17px;
height: 17px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA {
display: none;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB {
display: none;
}
}
@media only screen and (min-width: 769px) {
/*大屏*/
.c_portalResEbizads_banner-01001 .p_prompt {
width: auto;
height: auto;
text-align: center;
background-color: inherit;
font-size: 16px;
border: 1px solid #E4E4E4;
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_title {
display: inline-table;
padding: 0 30px;
height: 100%;
min-height: 260px;
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_title .iconfont:before {
content: "";
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_title .first {
height: auto;
display: table-cell;
font-size: 36px;
margin-right: 10px;
position: relative;
color: #09bb07;
vertical-align: middle;
padding: 0 10px 10px 0;
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_title .first:before {
content: "\e6b4";
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_title {
font-size: 24px;
text-align: left;
color: rgba(51, 51, 51, 1);
font-weight: bold;
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_title .font {
display: table-cell;
line-height: normal;
vertical-align: middle;
}
.c_portalResEbizads_banner-01001 .p_prompt .promptbox {
width: auto;
height: 100%;
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_content {
font-size: 18px;
color: rgba(105, 105, 105, 1);
padding-left: 65px;
}
/*列表缩略图切换1*/
.c_portalResEbizads_banner-01001 .p_SwitchBtnD {
display: inline-block;
vertical-align: middle;
cursor: pointer;
font-size: 56px;
color: #e2e2e2;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont:before {
content: '\e687';
display: inline-block;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD .font {
display: table;
width: inherit;
height: inherit;
pointer-events: none;
}
/*列表缩略图切换1*/
.c_portalResEbizads_banner-01001 .p_SwitchBtnC {
display: inline-block;
vertical-align: middle;
cursor: pointer;
font-size: 56px;
color: #e2e2e2;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnC .iconfont:before {
content: '\e687';
display: inline-block;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnC .font {
display: table;
width: inherit;
height: inherit;
pointer-events: none;
}
/*序号图片组符*/
.c_portalResEbizads_banner-01001 .p_ListNumBtn {
display: inline-table;
height: 30px;
width: 30px;
background-color: #67b8b4;
border-width: 1px;
border-color: transparent;
color: #999999;
font-size: 12px;
font-family: 'Microsoft YaHei';
}
.c_portalResEbizads_banner-01001 .p_ListNumBtn img {
display: none;
}
.c_portalResEbizads_banner-01001 .p_ListNumBtn .shape {
display: table-cell;
width: inherit;
height: inherit;
text-align: center;
vertical-align: middle;
}
.c_portalResEbizads_banner-01001 .p_ListNumBtn:active {
color: rgba(255, 255, 255, 1);
}
.c_portalResEbizads_banner-01001 .p_ListNumBtn.active {
color: rgba(255, 255, 255, 1);
}
.c_portalResEbizads_banner-01001 .p_ListNumBtn.j-nav-active {
color: rgba(255, 255, 255, 1);
}
/*方形图片组符*/
.c_portalResEbizads_banner-01001 .p_SquareNumBtn {
display: inline-block;
height: 10px;
width: 100px;
padding: 0;
background-color: #f2f2f2;
border-width: 1px;
border-color: transparent;
font-size: 12px;
font-family: 'Microsoft YaHei';
text-align: center;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn img {
display: none;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn .shape {
text-indent: -9999em;
width: inherit;
height: inherit;
vertical-align: middle;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn:active {
background-color: #67b8b4;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn.active {
background-color: #67b8b4;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn.j-nav-active {
background-color: #67b8b4;
}
/*圆型图片组符*/
.c_portalResEbizads_banner-01001 .p_CircleNumBtn {
width: 15px;
height: 15px;
display: inline-table;
background-color: rgba(228, 228, 228, 1);
color: rgba(153, 153, 153, 1);
font-size: 12px;
border-radius: 10px;
-moz-border-radius: 10px;
text-align: center;
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn img {
display: none;
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn .shape {
width: inherit;
height: inherit;
text-indent: -99999px;
display: table-cell;
vertical-align: middle;
border-radius: inherit;
-moz-border-radius: inherit;
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn:active {
background-color: rgba(105, 192, 188, 1);
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn.active {
background-color: rgba(105, 192, 188, 1);
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn.j-nav-active {
background-color: rgba(105, 192, 188, 1);
}
/*通用图片组符*/
.c_portalResEbizads_banner-01001 .p_NumBtn {
width: 150px;
height: 66px;
border-color: rgba(242, 242, 242, 1);
border-width: 2px;
border-style: solid;
}
.c_portalResEbizads_banner-01001 .p_NumBtn .shape {
display: none;
}
.c_portalResEbizads_banner-01001 .p_NumBtn:active {
border-color: rgba(103, 184, 180, 1);
}
.c_portalResEbizads_banner-01001 .p_NumBtn.active {
border-color: rgba(103, 184, 180, 1);
}
/*通用容器*/
.c_portalResEbizads_banner-01001 .p_ThumbnailBox {
width: inherit;
height: auto;
background-color: transparent;
overflow: hidden;
}
/*图集页概要信息*/
.c_portalResEbizads_banner-01001 .p_ImgSummary {
text-align: justify;
vertical-align: top;
word-break: break-all;
}
/*图集标题*/
.c_portalResEbizads_banner-01001 .p_ImgHead {
display: inline-table;
margin: 0;
padding: 0;
color: #323232;
font-size: 30px;
font-weight: 400;
text-align: left;
white-space: nowrap;
overflow: visible;
}
.c_portalResEbizads_banner-01001 .p_ImgHead .font {
display: table-cell;
vertical-align: top;
line-height: 30px;
}
.c_portalResEbizads_banner-01001 .p_ImgHead .iconfont:before {
content: "";
}
/*通用容器*/
.c_portalResEbizads_banner-01001 .p_TitleBox {
width: inherit;
height: auto;
overflow: hidden;
}
/*链接元素*/
/*图集图片说明容器*/
.c_portalResEbizads_banner-01001 .p_SummaryBox {
width: inherit;
height: auto;
border-width: 1px;
border-style: none;
border-color: rgba(228, 228, 228, 0);
background-color: rgba(179, 179, 179, 1);
overflow: visible;
}
/*纯图标切换按钮*/
.c_portalResEbizads_banner-01001 .p_SwitchBtnB {
background: rgba(81, 80, 80, .3);
width: 64px;
height: 139px;
cursor: pointer;
text-align: center;
color: rgba(255, 255, 255, 1);
font-size: 40px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB .font {
display: table;
width: inherit;
height: inherit;
/*background-color:rgba(202,202,202,.3);*/
pointer-events: none;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB .iconfont {
display: table-cell;
vertical-align: middle;
position: relative;
top: 3px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB:hover {
border-width: 0;
border-style: solid;
border-color: rgba(255, 255, 255, 0);
background-color: rgba(115, 115, 115, .7);
color: rgba(106, 192, 189, 1);
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB:active {
border-width: 0;
border-style: solid;
border-color: rgba(255, 255, 255, 0);
background-color: rgba(81, 80, 80, .7);
}
/*通用容器*/
.c_portalResEbizads_banner-01001 .p_interactionB {
width: inherit;
height: auto;
background-color: transparent;
overflow: hidden;
}
/*纯图标切换按钮*/
.c_portalResEbizads_banner-01001 .p_SwitchBtnA {
background: rgba(81, 80, 80, .3);
width: 64px;
height: 139px;
cursor: pointer;
text-align: center;
color: rgba(255, 255, 255, 1);
font-size: 40px;
z-index: 999;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA .font {
display: table;
width: inherit;
height: inherit;
/*background-color:rgba(202,202,202,.3);*/
pointer-events: none;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA .iconfont {
display: table-cell;
vertical-align: middle;
position: relative;
top: 3px;
right: 4px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA:hover {
border-width: 0;
border-style: solid;
border-color: rgba(255, 255, 255, 0);
background-color: rgba(115, 115, 115, .7);
color: rgba(106, 192, 189, 1);
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA:active {
border-width: 0;
border-style: solid;
border-color: rgba(255, 255, 255, 0);
background-color: rgba(81, 80, 80, .7);
}
/*通用容器*/
.c_portalResEbizads_banner-01001 .p_interactionA {
width: inherit;
height: auto;
background-color: transparent;
overflow: hidden;
}
.c_portalResEbizads_banner-01001 .p_interactionA+.p_interactionA {
left: initial;
right: 0;
}
/*多图组大图边框*/
.c_portalResEbizads_banner-01001 .p_imageA {
width: auto;
height: auto;
overflow: hidden;
}
/*链接元素*/
/*通用容器*/
.c_portalResEbizads_banner-01001 .p_images {
width: inherit;
height: auto;
background-color: transparent;
overflow: hidden;
}
/*主要内容区容器*/
.c_portalResEbizads_banner-01001 .p_banner {
width: inherit;
height: auto;
border-width: 1px;
border-style: none;
border-color: rgba(255, 255, 255, 1);
background-color: transparent;
overflow: visible;
}
.c_portalResEbizads_banner-01001 {
min-width: 300px;
overflow: auto;
}
.c_portalResEbizads_banner-01001 .p_banner {
width: 100%;
height: 100%;
background-color: transparent;
}
.c_portalResEbizads_banner-01001 .p_images {
width: auto;
height: auto;
}
.c_portalResEbizads_banner-01001 .p_ThumbnailBox {
width: auto;
height: auto;
border-width: 0;
background-color: transparent;
}
.c_portalResEbizads_banner-01001 .p_ThumbnailBoxA {
width: auto;
height: auto;
}
.c_portalResEbizads_banner-01001 .p_interactionA {
width: auto;
height: auto;
}
.c_portalResEbizads_banner-01001 .p_interactionB {
width: auto;
height: auto;
}
.c_portalResEbizads_banner-01001 .p_TitleBox {
border-width: 0;
}
.c_portalResEbizads_banner-01001 .p_TitleBoxA {
width: auto;
height: auto;
border-width: 0;
background-color: transparent;
}
.c_portalResEbizads_banner-01001 .c_banner {
width: inherit;
height: inherit;
}
.c_portalResEbizads_banner-01001 .p_images {
width: inherit;
height: inherit;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.c_portalResEbizads_banner-01001 .p_LinkA {
width: inherit;
height: inherit;
display: block;
position: relative;
}
.c_portalResEbizads_banner-01001 .p_imageA {
vertical-align: baseline;
text-align: center;
width: inherit;
height: inherit;
}
.c_portalResEbizads_banner-01001 .p_imageA:hover {
background-color: transparent;
}
.c_portalResEbizads_banner-01001 .p_imageA:hover:after {
background-color: transparent;
}
.c_portalResEbizads_banner-01001 .p_interactionA {
cursor: pointer;
left: 0;
height: 100%;
position: absolute;
top: 0;
z-index: 99;
overflow: visible;
}
.c_portalResEbizads_banner-01001 .p_interactionB {
cursor: pointer;
right: 0;
height: 100%;
position: absolute;
top: 0;
z-index: 99;
overflow: visible;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA {
position: absolute;
top: 50%;
margin-top: -37px;
padding-top: 10px;
color: rgb(187, 182, 182);
left: 0;
width: 33px;
height: 64px;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA .iconfont:before {
font-size: 30px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB {
position: absolute;
top: 50%;
margin-top: -37px;
right: 0;
width: 33px;
height: 64px;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
padding-top: 10px;
color: rgb(187, 182, 182);
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB .iconfont:before {
font-size: 30px;
}
.c_portalResEbizads_banner-01001 .p_SummaryBox {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 5;
height: 70px;
background-color: transparent;
display: none;
}
.c_portalResEbizads_banner-01001 .p_SummaryBox:hover {
background-color: transparent;
}
.c_portalResEbizads_banner-01001 .p_SummaryBox .p_LinkB {
display: block;
background-color: rgba(0, 0, 0, 0.5);
}
.c_portalResEbizads_banner-01001 .p_TitleBox {
width: 100%;
height: auto;
height: 80px;
padding: 10px;
position: absolute;
bottom: 0;
left: 0;
z-index: 999;
font-weight: bold;
}
.c_portalResEbizads_banner-01001 .p_LinkA .p_TitleBox span {
display: block;
height: 25px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-top: 15px;
}
.c_portalResEbizads_banner-01001 .p_LinkA:hover .p_TitleBox span {
color: #fff;
}
.c_portalResEbizads_banner-01001 .p_TitleBoxA {
width: 100%;
height: inherit;
padding-left: 20px;
padding-right: 20px;
}
.c_portalResEbizads_banner-01001 .p_ImgHead {
padding-top: 10px;
padding-bottom: 12px;
font-size: 30px;
font-weight: normal;
font-family: "黑体";
color: #fff;
white-space: normal;
}
.c_portalResEbizads_banner-01001 .p_ThumbnailBox {
position: absolute;
text-align: center;
font-size: 0;
z-index: 6;
overflow: hidden;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.c_portalResEbizads_banner-01001 .p_ThumbnailBoxA {
padding-right: 30px;
padding-left: 30px;
width: 100%;
position: absolute;
right: 0;
bottom: 0;
text-align: right;
font-size: 0;
z-index: 6;
overflow: hidden;
}
.c_portalResEbizads_banner-01001 .p_ThumbnailBox .p_NumBtn:first-child {
margin-left: 0;
}
.c_portalResEbizads_banner-01001 .p_NumBtn {
margin-right: 6px;
font-size: 0;
width: 90px;
height: auto;
display: inline-block;
overflow: hidden;
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn {
margin-left: 10px;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn {
margin-left: 10px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnC {
position: absolute;
top: 50%;
left: 0;
cursor: pointer;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD {
position: absolute;
top: 50%;
right: 0;
cursor: pointer;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn,
.c_portalResEbizads_banner-01001 .p_SquareNumBtn,
.c_portalResEbizads_banner-01001 .p_ListNumBtn {
margin-top: 20px;
margin-bottom: 20px;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn {
width: 98px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont:before {
content: "\e6ae";
font-size: 30px;
}
.c_portalResEbizads_banner-01001 .p_ImgSummary {
font-weight: normal;
white-space: normal;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnC .iconfont {
font-size: 30px;
color: rgba(255, 255, 255, .6);
display: table-cell;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont {
font-size: 30px;
color: rgba(255, 255, 255, .6);
display: table-cell;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnC:hover .iconfont {
color: rgba(105, 192, 188, 1);
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD:hover .iconfont {
color: rgba(105, 192, 188, 1);
}
.c_portalResEbizads_banner-01001 .p_NumBtn:hover {
border-color: rgba(103, 184, 180, 1);
}
/*缩略图插件样式*/
.c_portalResEbizads_banner-01001 .swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
/* Fix of Webkit flickering */
z-index: 1;
height: 100%;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate(0px, 0px);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
.c_portalResEbizads_banner-01001 .p_MatteIcon:before {
content: '\e752';
}
.c_portalResEbizads_banner-01001 .widther img {
width: auto !important;
}
.c_portalResEbizads_banner-01001 .swiper-pagination {
position: absolute;
z-index: 20;
bottom: 80px;
width: 100%;
text-align: center;
}
.c_portalResEbizads_banner-01001 .swiper-pagination span {
display: inline-block;
margin-right: 4px;
}
.c_portalResEbizads_banner-01001 .background_default {
display: inline-block;
width: 27px;
height: 27px;
border-radius: 50%;
margin: 0 5px;
opacity: 0.8;
cursor: pointer;
}
.c_portalResEbizads_banner-01001 .swiper-wrapper .swiper-slide img {
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
max-width: 100%;
width: 100%;
/*height: 448.83px !important;*/
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
/*中屏*/
}
/*图片标题列表*/
.w_fimg-000 .p_title {
display: inline-table;
margin: 0;
min-width: 37px;
padding: 0;
color: rgba(51, 51, 51, 1);
font-size: 16px;
font-weight: 400;
cursor: pointer;
}
.w_fimg-000 .p_title .font {
vertical-align: middle;
line-height: 21px;
}
.w_fimg-000 .p_title:hover {
color: rgba(87, 177, 173, 1);
}
.w_fimg-000 .p_title:active {
color: rgba(69, 165, 161, 1);
}
.w_fimg-000 .p_title .iconfont:before {
display: inline-block;
content: "";
}
.w_fimg-000 {
position: relative;
width: 100%;
height: auto;
min-height: 200px;
}
.w_fimg-000 .animated {
width: 100%;
height: 100%;
position: relative;
min-height: inherit;
}
.w_fimg-000 .font {
white-space: nowrap;
}
.w_fimg-000 .p_link001 {
width: 100%;
height: 100%;
}
.w_fimg-000 .p_link002 {
width: 100%;
height: 30px;
}
.w_fimg-000 .p_box {
width: 100%;
height: 100%;
text-align: center;
position: static;
}
.w_fimg-000 .p_dimage {
height: inherit;
overflow: hidden;
font-size: 0;
}
.w_fimg-000 .e_image:hover:after {
background: transparent;
}
.w_fimg-000 .p_dimage:empty {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background: #f2f2f2 url(../img/camera.png) no-repeat center;
}
.w_grid-000 {
margin-left: auto;
margin-right: auto;
min-height: 12rem;
width: 100%;
}
.w_grid-000>.w_grid {
width: 100%;
position: relative;
}
.w_grid-000>div>.p_gridbox {
width: 100%;
overflow: hidden;
position: static;
}
.w_grid-000>div>div>.p_gridCell {
float: left;
position: static;
}
.w_grid-000>div>div>.p_gridCell:not(:empty):before {
content: '';
display: block;
}
.w_grid-000>.w_grid.signal {
min-height: inherit;
}
.w_grid-000>.w_grid.signal>.p_gridbox {
min-height: inherit;
}
.w_grid-000>.w_grid.signal>.p_gridbox>.p_gridCell {
min-height: inherit;
}
.w_grid-000>div>.p_gridbox>.p_gridCell:first-child {
margin-left: 0;
clear: left;
}
#w_grid-000>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0;
clear: left;
}
@media only screen and (max-width: 768px) {
.w_grid-000>div>.p_gridbox>.p_gridCell {
width: 100%;
margin-left: 0;
margin-top: 0rem;
margin-bottom: 0rem;
}
}
@media only screen and (min-width: 769px) {
.w_grid-000>div>.p_gridbox>.p_gridCell:first-child {
width: 100%;
margin-left: 0;
margin-top: 0rem;
margin-bottom: 0rem;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
.w_fline-001 .p_FLine {
width: 100%;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #f0f0f0;
opacity: 1;
filter: alpha(opacity:100);
display: inline-block;
vertical-align: middle;
}
.w_fline-001 {
width: 100%;
min-height: 20px;
display: block;
margin: 0 auto;
}
.w_fline-001 .w_fline {
width: 100%;
min-height: inherit;
font-size: 0;
}
.w_fline-001 .w_fline:before {
content: "";
display: inline-block;
vertical-align: middle;
min-height: inherit;
width: 0;
}
.w_grid-003 {
margin-left: auto;
margin-right: auto;
max-width: 1180px;
min-height: 12rem;
width: 100%;
}
.w_grid-003>.w_grid {
width: 100%;
position: relative;
}
.w_grid-003>div>.p_gridbox {
width: 100%;
overflow: hidden;
position: static;
}
.w_grid-003>div>.p_gridbox>.p_gridCell {
float: left;
position: static;
}
.w_grid-003>div>.p_gridbox>.p_gridCell:not(:empty):before {
content: '';
height: 0.1px;
display: block;
}
.w_grid-003>div>.p_gridbox>.p_gridCell:first-child {
margin-left: 0;
clear: left;
}
#w_grid-003>div>.p_gridbox>.p_gridCell:nth-child(3n+1) {
margin-left: 0;
clear: left;
}
@media only screen and (max-width: 768px) {
.w_grid-003>div>.p_gridbox>.p_gridCell {
width: 100%;
margin-left: 0;
margin-top: 0rem;
margin-bottom: 0rem;
}
}
@media only screen and (min-width: 769px) {
.w_grid-003>div>.p_gridbox>.p_gridCell {
width: 32.66%;
margin-left: 1%;
margin-top: 0.6rem;
margin-bottom: 0.6rem;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@CHARSET "UTF-8";
* {
padding: 0;
margin: 0;
}
.pagebox {
width: 100%;
}
/*page property_start*/
.pagebox,
#-remove--flag {
width: 100%;
margin: 0px auto;
}
/*page property_end*/
/*page property_start*/
body,
#-remove--flag {}
/*page property_end*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1300px) and (min-width: 1024px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1300px) and (min-width: 1024px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1300px) and (min-width: 1024px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#c_portalResEbizads_banner-15940141922303513 .swiper-container {
width: 100%;
height: auto;
}
#c_portalResEbizads_banner-15940141922303513 .swiper-wrapper::before {
content: "";
position: absolute;
left: 0;
width: 25%;
top: 20%;
bottom: 20%;
background-image: url(../group1/M00/02/74/rBQBHVx_KCaEBjuSAAAAAGrvM8w615.png);
display: block;
background-size: cover;
z-index: 2;
opacity: 0.3;
}
#c_portalResEbizads_banner-15940141922303513 .swiper-wrapper::after {
content: "";
position: absolute;
right: 0;
width: 25%;
top: 20%;
bottom: 20%;
background-image: url(../group1/M00/02/74/rBQBHVx_KCaEBjuSAAAAAGrvM8w615.png);
display: block;
background-size: cover;
z-index: 2;
opacity: 0.3;
}
#c_portalResEbizads_banner-15940141922303513 .content {
position: relative;
width: 100%;
height: auto;
}
#c_portalResEbizads_banner-15940141922303513 .picB {
width: 100%;
height: auto;
}
#c_portalResEbizads_banner-15940141922303513 .text {
position: absolute;
top: 50%;
left: 0;
right: 0;
max-width: 1000px;
width: 70%;
margin: 0 auto;
transform: translateY(-50%);
}
#c_portalResEbizads_banner-15940141922303513 .bannerBtn {
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
z-index: 999;
color: #fff;
font-size: 0.825rem;
}
#c_portalResEbizads_banner-15940141922303513 .swiper-button-prev {
margin-bottom: 0.825rem;
}
#c_portalResEbizads_banner-15940141922303513 .next,
#c_portalResEbizads_banner-15940141922303513 .prev {
margin: 0 0.825rem;
}
#c_portalResEbizads_banner-15940141922303513 .swiper-wrapper .swiper-slide img {
width: 100%;
height: auto;
left: 0;
top: 0;
}
#c_portalResEbizads_banner-15940141922303513 .bannerTitle {
position: relative;
color: #FF9800;
margin-bottom: 1.5rem;
font-size: 1.25rem;
transition: all 2s ease;
}
#c_portalResEbizads_banner-15940141922303513 .content::before {
content: "";
position: absolute;
width: 20%;
height: 40%;
display: block;
border: 10px solid rgba(255, 255, 255, 0.2);
top: 30%;
left: 10%;
transition: all 2s cubic-bezier(0.42, 0, 0.58, 1);
opacity: 0;
transform: translate3d(-80px, 0, 0);
z-index: 1;
}
#c_portalResEbizads_banner-15940141922303513 .swiper-slide-active .content:before {
transition-delay: 1.3s;
transform: translate3d(0px, 0, 0);
opacity: 1;
}
#c_portalResEbizads_banner-15940141922303513 .swiper-slide-active .bannerTitle {
transition-delay: 0.5s;
}
#c_portalResEbizads_banner-15940141922303513 .text * {
transform: translate3d(0, 80px, 0);
opacity: 0;
}
#c_portalResEbizads_banner-15940141922303513 .swiper-slide-active .summry {
transition-delay: 0.7s;
}
#c_portalResEbizads_banner-15940141922303513 .swiper-slide-active .text * {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
#c_portalResEbizads_banner-15940141922303513 .summry {
color: #fff;
font-size: 1.5rem;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
transition: all 2s ease;
}
#c_portalResEbizads_banner-15940141922303513 .bannerPic {
position: relative;
width: 100%;
height: auto;
transition: all 1s ease 2.5s;
transform: perspective(1000px) translate3d(0, 0, 100px);
}
#c_portalResEbizads_banner-15940141922303513 .swiper-slide-active .bannerPic {
transition: all 5s ease 0s;
transform: perspective(1000px) translate3d(0, 0, 0px);
}
#logo_img{
line-height: 80px;
display: flex;
justify-content: center;
align-items: center;
}
.telnum_img{
line-height: 30px;
}
#nlogo{
padding-right: 0!important%;
}
body{
font-size: 14px;
}
.el-carousel__container{
height: 380px;
}
/*#logo_img{
margin-right: .5%;
}*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#c_portalResEbizads_banner-15940141922303513 .bannerTitle {
font-size: 1.25rem;
}
#c_portalResEbizads_banner-15940141922303513 .summry {
font-size: 1rem;
}
}
@media only screen and (max-width: 768px) {
#c_portalResEbizads_banner-15940141922303513 .bannerBtn {
display: none;
}
#c_portalResEbizads_banner-15940141922303513 .bannerTitle {
font-size: 1rem;
}
#c_portalResEbizads_banner-15940141922303513 .summry {
font-size: 0.875rem;
}
}
/*c_portalResEbizads_banner-15940141922303513*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#c_portalResEbizads_banner-15940141922303513 .bannerTitle {
font-size: 1.25rem;
}
#c_portalResEbizads_banner-15940141922303513 .summry {
font-size: 1rem;
}
}
/*c_portalResEbizads_banner-15940141922303513*/
@media only screen and (max-width: 768px) {
#c_portalResEbizads_banner-15940141922303513 .bannerBtn {
display: none;
}
#c_portalResEbizads_banner-15940141922303513 .bannerTitle {
font-size: 1rem;
}
#c_portalResEbizads_banner-15940141922303513 .summry {
font-size: 0.875rem;
}
}
#c_portalResEbizads_banner-15940141922303513 {
width: auto;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#c_portalResProduct_list-15943676379065098 .p_CommonSummaryBoxA {
text-align: center;
}
#c_portalResProduct_list-15943676379065098 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#c_portalResProduct_list-15943676379065098>div {
animation-fill-mode: both;
}
#c_portalResProduct_list-15943676379065098 .proBox {
width: 100%;
height: auto;
overflow: hidden;
}
#c_portalResProduct_list-15943676379065098 .proContainer {
width: 100%;
height: auto;
overflow: hidden;
margin: 1rem auto;
padding: 0 1rem;
}
#c_portalResProduct_list-15943676379065098 .proLi {
position: relative;
height: 0;
padding-bottom: 25%;
margin: 0.5rem 0;
overflow: hidden;
}
#c_portalResProduct_list-15943676379065098 .proLink {
position: absolute;
top: 0;
left: 1rem;
width: calc(100% - 2rem);
height: 100%;
overflow: hidden;
}
#c_portalResProduct_list-15943676379065098 .proImgBox {
position: relative;
width: 100%;
height: 80%;
overflow: hidden;
}
#c_portalResProduct_list-15943676379065098 .proImg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
#c_portalResProduct_list-15943676379065098 .txtBox {
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 80%;
overflow: hidden;
padding: 10% 20%;
box-sizing: border-box;
color: #fff;
background: #e6000b;
/*-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;*/
}
#c_portalResProduct_list-15943676379065098 .proLi:nth-child(3n) .txtBox {
/*-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);*/
left: 100%;
}
#c_portalResProduct_list-15943676379065098 .proLi:nth-child(2n) .txtBox {
/*-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);*/
left: 100%;
top: 100%;
}
#c_portalResProduct_list-15943676379065098 .proTitleBox {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
width: 100%;
height: 20%;
color: #333;
font-size: 1rem;
/*padding: 0 2rem;*/
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
transition: all .5s ease;
}
#c_portalResProduct_list-15943676379065098 .proTitle {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 1.125rem;
line-height: 36px;
border-bottom: 2px solid #fff;
padding-bottom: 9px;
text-align: center;
}
#c_portalResProduct_list-15943676379065098 .proSummry {
width: 100%;
font-size: 0.875rem;
line-height: 24px;
margin-top: 19px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#c_portalResProduct_list-15943676379065098 .see {
width: 100px;
text-align: center;
font-size: 0.75rem;
margin: 1rem auto;
transition: all .5s ease;
}
#c_portalResProduct_list-15943676379065098 .see i {
margin-right: 0.3rem;
}
#c_portalResProduct_list-15943676379065098 .see:hover {
width: 110px;
border: 1px solid #fff;
padding: 5px;
}
#c_portalResProduct_list-15943676379065098 .proLi:hover .proTitleBox {
color: #e6000b;
}
#c_portalResProduct_list-15943676379065098 .proLi:hover .txtBox {
/*-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);*/
left: 0;
top: 0;
}
@media only screen and (min-width: 769px) {
#c_portalResProduct_list-15943676379065098 .proContainer {
max-width: 1600px;
}
#c_portalResProduct_list-15943676379065098 .proLi {
float: left;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#c_portalResProduct_list-15943676379065098 .proContainer {
max-width: 900px;
}
#c_portalResProduct_list-15943676379065098 .proLi {
width: 50%;
padding-bottom: 35%;
}
}
@media only screen and (max-width: 768px) {
#c_portalResProduct_list-15943676379065098 .proLi {
width: 100%;
padding-bottom: 80%;
margin: 1rem 0;
}
#c_portalResProduct_list-15943676379065098 .proLink {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
#c_portalResProduct_list-15943676379065098 {
width: 100%;
max-width: 1240px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1594014191745>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0;
clear: left;
}
/*w_grid-1594014191745*/
/*w_grid-1594014191745*/
/*w_grid-1594014191745*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#w_grid-1594367066742 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_grid-1594367066742>div {
animation-fill-mode: both;
}
#w_grid-1594367066742>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0px;
clear: left;
}
/*w_grid-1594367066742*/
@media only screen and (max-width: 768px) {
#w_grid-1594367066742>div>.p_gridbox>.p_gridCell {
margin-bottom: 2rem;
margin-top: 2rem;
margin-left: 0;
}
#w_grid-1594367066742>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0;
margin-right: 0;
clear: none;
}
#w_grid-1594367066742>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0;
}
}
/*w_grid-1594367066742*/
@media only screen and (min-width: 769px) {
#w_grid-1594367066742>div>.p_gridbox>.p_gridCell {
margin-bottom: 2.5rem;
/*margin-top: 2.5rem;*/
margin-left: 0;
}
#w_grid-1594367066742>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0;
margin-right: 0;
clear: none;
}
#w_grid-1594367066742>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0;
}
}
/*w_grid-1594367066742*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#w_grid-1594367066750 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_grid-1594367066750>div {
animation-fill-mode: both;
}
#w_grid-1594367066750>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0px;
clear: left;
}
/*w_grid-1594367066750*/
/*w_grid-1594367066750*/
@media only screen and (min-width: 769px) {
#w_grid-1594367066750>div>.p_gridbox {
display: flex;
align-items: center;
/*margin-top: -184px;*/
}
#w_grid-1594367066750>div>.p_gridbox>.p_gridCell {
margin-bottom: 0rem;
margin-top: 0rem;
margin-left: 0px;
}
#w_grid-1594367066750>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
width: 58.97%;
margin-left: 0px;
margin-right: 0px;
clear: none;
}
#w_grid-1594367066750>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
margin-left: 0px;
clear: left;
margin-right: 0px;
width: 41.03%;
}
#w_grid-1594367066750>div>.p_gridbox>.p_gridCell:nth-child(2n) {
margin-right: 0px;
}
}
/*w_grid-1594367066750*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#w_fimg-1594367066761 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_fimg-1594367066761>div {
animation-fill-mode: both;
}
#w_grid-1594367066764>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0;
clear: left;
}
/*w_grid-1594367066764*/
@media only screen and (max-width: 768px) {
#w_grid-1594367066764>.w_grid.signal>.p_gridbox {
margin-top: 20px;
}
}
/*w_grid-1594367066764*/
/*w_grid-1594367066764*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#w_fline-1594367066774 .p_FLine {
border-top-color: rgba(230, 0, 18, 1);
border-top-width: 2px;
}
#w_fline-1594367066774 .w_fline .p_FLine {
border-top-style: solid;
}
#w_fline-1594367066774 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_fline-1594367066774>div {
animation-fill-mode: both;
}
#w_fline-1594367066777 .p_FLine {
border-top-color: rgba(230, 0, 18, 1);
border-top-width: 2px;
}
#w_fline-1594367066777 .w_fline .p_FLine {
border-top-style: solid;
}
#w_fline-1594367066777 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_fline-1594367066777>div {
animation-fill-mode: both;
}
#w_fline-1594367066780 .p_FLine {
border-top-color: rgba(230, 0, 18, 1);
border-top-width: 2px;
}
#w_fline-1594367066780 .w_fline .p_FLine {
border-top-style: solid;
}
#w_fline-1594367066780 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_fline-1594367066780>div {
animation-fill-mode: both;
}
#w_grid-1594367147596>div>.p_gridbox {
background-image: url(../repository/image/344f1a82-af18-45f5-b347-c332edff48e0.jpeg);
}
#w_grid-1594367147596 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_grid-1594367147596>div {
animation-fill-mode: both;
}
#w_grid-1594367147596>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0px;
clear: left;
}
/*w_grid-1594367147596*/
@media only screen and (max-width: 768px) {
#w_grid-1594367147596>div>.p_gridbox>.p_gridCell {
margin-bottom: 3.3rem;
margin-top: 3.3rem;
margin-left: 4.9%;
}
#w_grid-1594367147596>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 90.2%;
margin-left: 4.9%;
margin-right: 0;
clear: none;
}
#w_grid-1594367147596>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 4.9%;
}
}
/*w_grid-1594367147596*/
@media only screen and (min-width: 769px) {
#w_grid-1594367147596>div>.p_gridbox>.p_gridCell {
margin-bottom: 2.9rem;
margin-top: 2.9rem;
margin-left: 0px;
}
#w_grid-1594367147596>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0px;
margin-right: 0px;
clear: none;
}
#w_grid-1594367147596>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0px;
}
}
/*w_grid-1594367147596*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#w_grid-1594367147596>div>.p_gridbox>.p_gridCell {
margin-bottom: 2.9rem;
margin-top: 2.9rem;
margin-left: 7.1%;
}
#w_grid-1594367147596>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 85.8%;
margin-left: 7.1%;
margin-right: 0;
clear: none;
}
#w_grid-1594367147596>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 7.1%;
}
}
#w_grid-1594367147596 .p_gridbox {
background-repeat: no-repeat;
background-position: top left;
background-size: cover;
background-attachment: fixed;
}
#w_grid-1594717281244 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_grid-1594717281244>div {
animation-fill-mode: both;
}
#w_grid-1594717281244>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0px;
clear: left;
}
/*w_grid-1594717281244*/
@media only screen and (max-width: 768px) {
#w_grid-1594717281244>div>.p_gridbox>.p_gridCell {
margin-bottom: 0rem;
margin-top: 0rem;
margin-left: 0;
}
#w_grid-1594717281244>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
width: 50%;
margin-left: 0;
margin-right: 0;
clear: none;
}
#w_grid-1594717281244>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
margin-left: 0;
clear: left;
margin-right: 0;
width: 50%;
}
#w_grid-1594717281244>div>.p_gridbox>.p_gridCell:nth-child(2n) {
margin-right: 0;
}
}
/*w_grid-1594717281244*/
@media only screen and (min-width: 769px) {
#w_grid-1594717281244>div>.p_gridbox>.p_gridCell {
margin-bottom: 2.4rem;
margin-top: 2.4rem;
margin-left: 5%;
}
#w_grid-1594717281244>div>.p_gridbox>.p_gridCell:nth-child(4n+0) {
width: 21.25%;
margin-left: 5%;
margin-right: 0px;
clear: none;
}
#w_grid-1594717281244>div>.p_gridbox>.p_gridCell:nth-child(4n+1) {
margin-left: 0px;
clear: left;
margin-right: 0px;
width: 21.25%;
}
#w_grid-1594717281244>div>.p_gridbox>.p_gridCell:nth-child(4n+2) {
width: 21.25%;
margin-left: 5%;
margin-right: 0px;
clear: none;
}
#w_grid-1594717281244>div>.p_gridbox>.p_gridCell:nth-child(4n+3) {
width: 21.25%;
margin-left: 5%;
margin-right: 0px;
clear: none;
}
#w_grid-1594717281244>div>.p_gridbox>.p_gridCell:nth-child(4n) {
margin-right: 0px;
}
}
/*w_grid-1594717281244*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#w_grid-1594717281244>div>.p_gridbox>.p_gridCell {
margin-bottom: 0rem;
margin-top: 0rem;
margin-left: 0;
}
#w_grid-1594717281244>div>.p_gridbox>.p_gridCell:nth-child(4n+0) {
width: 25%;
margin-left: 0;
margin-right: 0;
clear: none;
}
#w_grid-1594717281244>div>.p_gridbox>.p_gridCell:nth-child(4n+1) {
margin-left: 0;
clear: left;
margin-right: 0;
width: 25%;
}
#w_grid-1594717281244>div>.p_gridbox>.p_gridCell:nth-child(4n+2) {
width: 25%;
margin-left: 0;
margin-right: 0;
clear: none;
}
#w_grid-1594717281244>div>.p_gridbox>.p_gridCell:nth-child(4n+3) {
width: 25%;
margin-left: 0;
margin-right: 0;
clear: none;
}
#w_grid-1594717281244>div>.p_gridbox>.p_gridCell:nth-child(4n) {
margin-right: 0;
}
}
#w_grid-1594367147613>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0;
clear: left;
}
/*w_grid-1594367147613*/
/*w_grid-1594367147613*/
/*w_grid-1594367147613*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#w_fimg-1594367147632 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_fimg-1594367147632>div {
animation-fill-mode: both;
}
#w_grid-1594367147618>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0;
clear: left;
}
/*w_grid-1594367147618*/
/*w_grid-1594367147618*/
/*w_grid-1594367147618*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#w_fimg-1594367147642 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_fimg-1594367147642>div {
animation-fill-mode: both;
}
#w_grid-1594367147623>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0;
clear: left;
}
/*w_grid-1594367147623*/
/*w_grid-1594367147623*/
/*w_grid-1594367147623*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#w_fimg-1594367147650 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_fimg-1594367147650>div {
animation-fill-mode: both;
}
#w_grid-1594367147627>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0;
clear: left;
}
/*w_grid-1594367147627*/
/*w_grid-1594367147627*/
/*w_grid-1594367147627*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#w_fimg-1594367147659 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_fimg-1594367147659>div {
animation-fill-mode: both;
}
#w_grid-1594367637797>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0;
clear: left;
}
/*w_grid-1594367637797*/
/*w_grid-1594367637797*/
/*w_grid-1594367637797*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
/*c_portalResProduct_list-15943676379065098*/
@media only screen and (min-width: 769px) {
#c_portalResProduct_list-15943676379065098 .proContainer {
max-width: 1600px;
}
#c_portalResProduct_list-15943676379065098 .proLi {
float: left;
}
}
/*c_portalResProduct_list-15943676379065098*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#c_portalResProduct_list-15943676379065098 .proContainer {
max-width: 900px;
}
#c_portalResProduct_list-15943676379065098 .proLi {
width: 50%;
padding-bottom: 35%;
}
}
/*c_portalResProduct_list-15943676379065098*/
@media only screen and (max-width: 768px) {
#c_portalResProduct_list-15943676379065098 .proLi {
width: 100%;
padding-bottom: 80%;
margin: 1rem 0;
}
#c_portalResProduct_list-15943676379065098 .proLink {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
#w_grid-1594369427142>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0;
clear: left;
}
/*w_grid-1594369427142*/
/*w_grid-1594369427142*/
/*w_grid-1594369427142*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#w_grid-1594369427149>div>.p_gridbox {
background-image: url(../img/12.jpeg);
background-position: center center;
}
#w_grid-1594369427149 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_grid-1594369427149>div {
animation-fill-mode: both;
}
#w_grid-1594369427149>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0px;
clear: left;
}
/*w_grid-1594369427149*/
@media only screen and (max-width: 768px) {
#w_grid-1594369427149>div>.p_gridbox>.p_gridCell {
margin-bottom: 2.3rem;
margin-top: 2.3rem;
margin-left: 0;
}
#w_grid-1594369427149>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0;
margin-right: 0;
clear: none;
}
#w_grid-1594369427149>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0;
}
}
/*w_grid-1594369427149*/
@media only screen and (min-width: 769px) {
#w_grid-1594369427149>div>.p_gridbox>.p_gridCell {
margin-bottom: 3.3rem;
margin-top: 3.3rem;
margin-left: 0px;
}
#w_grid-1594369427149>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0px;
margin-right: 0px;
clear: none;
}
#w_grid-1594369427149>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0px;
height: 411px;
}
}
/*w_grid-1594369427149*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#w_grid-1594369427149>div>.p_gridbox>.p_gridCell {
margin-bottom: 3.3rem;
margin-top: 3.3rem;
margin-left: 0px;
}
#w_grid-1594369427149>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0px;
margin-right: 0px;
clear: none;
}
#w_grid-1594369427149>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0px;
}
}
#w_grid-1594369427149 .p_gridbox {
background-repeat: no-repeat;
background-position: top left;
background-attachment: fixed;
background-size: cover;
}
#w_grid-1594369427163>div>.p_gridbox {
margin-bottom: 80px;
}
#w_grid-1594369427163 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_grid-1594369427163>div {
animation-fill-mode: both;
}
#w_grid-1594369427163>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0px;
clear: left;
}
/*w_grid-1594369427163*/
/*w_grid-1594369427163*/
@media only screen and (min-width: 769px) {
#w_grid-1594369427163>div>.p_gridbox>.p_gridCell {
margin-bottom: 0rem;
margin-top: 0rem;
margin-left: 0px;
}
#w_grid-1594369427163>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0;
margin-right: 0;
clear: none;
}
#w_grid-1594369427163>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0;
}
}
/*w_grid-1594369427163*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#w_grid-1594369427163>div>.p_gridbox>.p_gridCell {
margin-bottom: 0rem;
margin-top: 0rem;
margin-left: 0px;
}
#w_grid-1594369427163>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0;
margin-right: 0;
clear: none;
}
#w_grid-1594369427163>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0;
}
}
#w_grid-1594369427167>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0;
clear: left;
}
/*w_grid-1594369427167*/
/*w_grid-1594369427167*/
/*w_grid-1594369427167*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#w_grid-1594277348652 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_grid-1594277348652>div {
animation-fill-mode: both;
}
#w_grid-1594277348652>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0px;
clear: left;
}
/*w_grid-1594277348652*/
@media only screen and (max-width: 768px) {
#w_grid-1594277348652>div>.p_gridbox>.p_gridCell {
margin-bottom: 3rem;
margin-top: 3rem;
margin-left: 0;
}
#w_grid-1594277348652>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0;
margin-right: 0;
clear: none;
}
#w_grid-1594277348652>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0;
}
}
/*w_grid-1594277348652*/
@media only screen and (min-width: 769px) {
#w_grid-1594277348652>div>.p_gridbox>.p_gridCell {
margin-bottom: 3rem;
margin-top: 3rem;
margin-left: 0;
}
#w_grid-1594277348652>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0;
margin-right: 0;
clear: none;
}
#w_grid-1594277348652>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0;
}
}
/*w_grid-1594277348652*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#w_grid-1594277348661 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_grid-1594277348661>div {
animation-fill-mode: both;
}
#w_grid-1594277348661>div>.p_gridbox>.p_gridCell:nth-child(3n+1) {
margin-left: 0px;
clear: left;
}
/*w_grid-1594277348661*/
@media only screen and (min-width: 769px) {
#w_grid-1594277348661>div>.p_gridbox>.p_gridCell {
margin-bottom: 0rem;
margin-top: 0rem;
margin-left: 2%;
}
#w_grid-1594277348661>div>.p_gridbox>.p_gridCell:nth-child(4n+0) {
width: 23.5%;
margin-left: 2%;
margin-right: 0;
clear: none;
}
#w_grid-1594277348661>div>.p_gridbox>.p_gridCell:nth-child(4n+1) {
margin-left: 0;
clear: left;
margin-right: 0;
width: 23.5%;
}
#w_grid-1594277348661>div>.p_gridbox>.p_gridCell:nth-child(4n+2) {
width: 23.5%;
margin-left: 2%;
margin-right: 0;
clear: none;
}
#w_grid-1594277348661>div>.p_gridbox>.p_gridCell:nth-child(4n+3) {
width: 23.5%;
margin-left: 2%;
margin-right: 0;
clear: none;
}
#w_grid-1594277348661>div>.p_gridbox>.p_gridCell:nth-child(4n) {
margin-right: 0;
}
}
/*w_grid-1594277348661*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
/*w_grid-1594277348661*/
@media only screen and (max-width: 768px) {
#w_grid-1594277348661>.w_grid>.p_gridbox>.p_gridCell {
width: 50%;
}
#w_grid-1594277348661>.w_grid>.p_gridbox {
display: flex;
flex-wrap: wrap;
}
}
#w_grid-1594277348677>div>.p_gridbox {
background-color: rgba(255, 255, 255, 1);
}
#w_grid-1594277348677 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_grid-1594277348677>div {
animation-fill-mode: both;
}
#w_grid-1594277348677>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0px;
clear: left;
}
/*w_grid-1594277348677*/
/*w_grid-1594277348677*/
@media only screen and (min-width: 769px) {
#w_grid-1594277348677>div>.p_gridbox>.p_gridCell {
margin-bottom: 0rem;
margin-top: 0rem;
margin-left: 0px;
}
#w_grid-1594277348677>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0px;
margin-right: 0px;
clear: none;
}
#w_grid-1594277348677>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0px;
}
}
/*w_grid-1594277348677*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#w_grid-1594277348677 .p_gridbox:hover {
box-shadow: 0px 0px 26px 10px rgba(204, 204, 204, 0.1);
shadow-angle: 90px;
}
#w_grid-1594277348677 .p_gridbox {
border-color: rgba(245, 245, 245, 1);
border-style: solid;
border-width: 1px;
}
#w_fimg-1594277348700 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_fimg-1594277348700>div {
animation-fill-mode: both;
}
#w_grid-1594277348682>div>.p_gridbox {
background-color: rgba(255, 255, 255, 1);
}
#w_grid-1594277348682 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_grid-1594277348682>div {
animation-fill-mode: both;
}
#w_grid-1594277348682>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0px;
clear: left;
}
/*w_grid-1594277348682*/
/*w_grid-1594277348682*/
@media only screen and (min-width: 769px) {
#w_grid-1594277348682>div>.p_gridbox>.p_gridCell {
margin-bottom: 0rem;
margin-top: 0rem;
margin-left: 0px;
}
#w_grid-1594277348682>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0px;
margin-right: 0px;
clear: none;
}
#w_grid-1594277348682>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0px;
}
}
/*w_grid-1594277348682*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#w_grid-1594277348682 .p_gridbox:hover {
box-shadow: 0px 0px 26px 10px rgba(204, 204, 204, 0.1);
shadow-angle: 90px;
}
#w_grid-1594277348682 .p_gridbox {
border-color: rgba(245, 245, 245, 1);
border-style: solid;
border-width: 1px;
}
#w_fimg-1594277348705 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_fimg-1594277348705>div {
animation-fill-mode: both;
}
#w_grid-1594277348687>div>.p_gridbox {
background-color: rgba(255, 255, 255, 1);
}
#w_grid-1594277348687 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_grid-1594277348687>div {
animation-fill-mode: both;
}
#w_grid-1594277348687>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0px;
clear: left;
}
/*w_grid-1594277348687*/
/*w_grid-1594277348687*/
@media only screen and (min-width: 769px) {
#w_grid-1594277348687>div>.p_gridbox>.p_gridCell {
margin-bottom: 0rem;
margin-top: 0rem;
margin-left: 0px;
}
#w_grid-1594277348687>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0px;
margin-right: 0px;
clear: none;
}
#w_grid-1594277348687>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0px;
}
}
/*w_grid-1594277348687*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#w_grid-1594277348687 .p_gridbox:hover {
box-shadow: 0px 0px 26px 10px rgba(204, 204, 204, 0.1);
shadow-angle: 90px;
}
#w_grid-1594277348687 .p_gridbox {
border-color: rgba(245, 245, 245, 1);
border-style: solid;
border-width: 1px;
}
#w_fimg-1594277348710 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_fimg-1594277348710>div {
animation-fill-mode: both;
}
#w_grid-1594277348693>div>.p_gridbox {
background-color: rgba(255, 255, 255, 1);
}
#w_grid-1594277348693 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_grid-1594277348693>div {
animation-fill-mode: both;
}
#w_grid-1594277348693>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0px;
clear: left;
}
/*w_grid-1594277348693*/
/*w_grid-1594277348693*/
@media only screen and (min-width: 769px) {
#w_grid-1594277348693>div>.p_gridbox>.p_gridCell {
margin-bottom: 0rem;
margin-top: 0rem;
margin-left: 0px;
}
#w_grid-1594277348693>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0px;
margin-right: 0px;
clear: none;
}
#w_grid-1594277348693>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0px;
}
}
/*w_grid-1594277348693*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#w_grid-1594277348693 .p_gridbox:hover {
box-shadow: 0px 0px 26px 10px rgba(204, 204, 204, 0.1);
shadow-angle: 90px;
}
#w_grid-1594277348693 .p_gridbox {
border-color: rgba(245, 245, 245, 1);
border-style: solid;
border-width: 1px;
}
#w_fimg-1594277348714 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_fimg-1594277348714>div {
animation-fill-mode: both;
}
#w_fline-1594277348667 .p_FLine {
border-top-color: rgba(242, 242, 242, 1);
border-top-width: 1px;
}
#w_fline-1594277348667 .w_fline .p_FLine {
border-top-style: solid;
}
#w_fline-1594277348667 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_fline-1594277348667>div {
animation-fill-mode: both;
}
#w_grid-1594277348670 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_grid-1594277348670>div {
animation-fill-mode: both;
}
#w_grid-1594277348670>div>.p_gridbox>.p_gridCell:nth-child(3n+1) {
margin-left: 0px;
clear: left;
}
/*w_grid-1594277348670*/
@media only screen and (max-width: 768px) {
#w_grid-1594277348670>.w_grid>.p_gridbox>.p_gridCell {
width: 50%;
}
#w_grid-1594277348670>.w_grid>.p_gridbox {
display: flex;
flex-wrap: wrap;
}
}
/*w_grid-1594277348670*/
@media only screen and (min-width: 769px) {
#w_grid-1594277348670>div>.p_gridbox>.p_gridCell {
margin-bottom: 0rem;
margin-top: 0rem;
margin-left: 2%;
}
#w_grid-1594277348670>div>.p_gridbox>.p_gridCell:nth-child(4n+0) {
width: 23.5%;
margin-left: 2%;
margin-right: 0;
clear: none;
}
#w_grid-1594277348670>div>.p_gridbox>.p_gridCell:nth-child(4n+1) {
margin-left: 0;
clear: left;
margin-right: 0;
width: 23.5%;
}
#w_grid-1594277348670>div>.p_gridbox>.p_gridCell:nth-child(4n+2) {
width: 23.5%;
margin-left: 2%;
margin-right: 0;
clear: none;
}
#w_grid-1594277348670>div>.p_gridbox>.p_gridCell:nth-child(4n+3) {
width: 23.5%;
margin-left: 2%;
margin-right: 0;
clear: none;
}
#w_grid-1594277348670>div>.p_gridbox>.p_gridCell:nth-child(4n) {
margin-right: 0;
}
}
/*w_grid-1594277348670*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#w_grid-1594277348718>div>.p_gridbox {
background-color: rgba(255, 255, 255, 1);
}
#w_grid-1594277348718 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_grid-1594277348718>div {
animation-fill-mode: both;
}
#w_grid-1594277348718>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0px;
clear: left;
}
/*w_grid-1594277348718*/
/*w_grid-1594277348718*/
@media only screen and (min-width: 769px) {
#w_grid-1594277348718>div>.p_gridbox>.p_gridCell {
margin-bottom: 0rem;
margin-top: 0rem;
margin-left: 0px;
}
#w_grid-1594277348718>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0px;
margin-right: 0px;
clear: none;
}
#w_grid-1594277348718>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0px;
}
}
/*w_grid-1594277348718*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#w_grid-1594277348718 .p_gridbox:hover {
box-shadow: 0px 0px 26px 10px rgba(204, 204, 204, 0.1);
shadow-angle: 90px;
}
#w_grid-1594277348718 .p_gridbox {
border-color: rgba(245, 245, 245, 1);
border-style: solid;
border-width: 1px;
}
#w_fimg-1594277348742 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_fimg-1594277348742>div {
animation-fill-mode: both;
}
#w_grid-1594277348724>div>.p_gridbox {
background-color: rgba(255, 255, 255, 1);
}
#w_grid-1594277348724 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_grid-1594277348724>div {
animation-fill-mode: both;
}
#w_grid-1594277348724>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0px;
clear: left;
}
/*w_grid-1594277348724*/
/*w_grid-1594277348724*/
@media only screen and (min-width: 769px) {
#w_grid-1594277348724>div>.p_gridbox>.p_gridCell {
margin-bottom: 0rem;
margin-top: 0rem;
margin-left: 0px;
}
#w_grid-1594277348724>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0px;
margin-right: 0px;
clear: none;
}
#w_grid-1594277348724>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0px;
}
}
/*w_grid-1594277348724*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#w_grid-1594277348724 .p_gridbox:hover {
box-shadow: 0px 0px 26px 10px rgba(204, 204, 204, 0.1);
shadow-angle: 90px;
}
#w_grid-1594277348724 .p_gridbox {
border-color: rgba(245, 245, 245, 1);
border-style: solid;
border-width: 1px;
}
#w_fimg-1594277348746 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_fimg-1594277348746>div {
animation-fill-mode: both;
}
#w_grid-1594277348729>div>.p_gridbox {
background-color: rgba(255, 255, 255, 1);
}
#w_grid-1594277348729 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_grid-1594277348729>div {
animation-fill-mode: both;
}
#w_grid-1594277348729>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0px;
clear: left;
}
/*w_grid-1594277348729*/
/*w_grid-1594277348729*/
@media only screen and (min-width: 769px) {
#w_grid-1594277348729>div>.p_gridbox>.p_gridCell {
margin-bottom: 0rem;
margin-top: 0rem;
margin-left: 0px;
}
#w_grid-1594277348729>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0px;
margin-right: 0px;
clear: none;
}
#w_grid-1594277348729>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0px;
}
}
/*w_grid-1594277348729*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#w_grid-1594277348729 .p_gridbox:hover {
box-shadow: 0px 0px 26px 10px rgba(204, 204, 204, 0.1);
shadow-angle: 90px;
}
#w_grid-1594277348729 .p_gridbox {
border-color: rgba(245, 245, 245, 1);
border-style: solid;
border-width: 1px;
}
#w_fimg-1594277348750 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_fimg-1594277348750>div {
animation-fill-mode: both;
}
#w_grid-1594277348735>div>.p_gridbox {
background-color: rgba(255, 255, 255, 1);
}
#w_grid-1594277348735 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_grid-1594277348735>div {
animation-fill-mode: both;
}
#w_grid-1594277348735>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0px;
clear: left;
}
/*w_grid-1594277348735*/
/*w_grid-1594277348735*/
@media only screen and (min-width: 769px) {
#w_grid-1594277348735>div>.p_gridbox>.p_gridCell {
margin-bottom: 0rem;
margin-top: 0rem;
margin-left: 0px;
}
#w_grid-1594277348735>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0px;
margin-right: 0px;
clear: none;
}
#w_grid-1594277348735>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0px;
}
}
/*w_grid-1594277348735*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#w_grid-1594277348735 .p_gridbox:hover {
box-shadow: 0px 0px 26px 10px rgba(204, 204, 204, 0.1);
shadow-angle: 90px;
}
#w_grid-1594277348735 .p_gridbox {
border-color: rgba(245, 245, 245, 1);
border-style: solid;
border-width: 1px;
}
#w_fimg-1594277348754 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_fimg-1594277348754>div {
animation-fill-mode: both;
}
#w_grid-1594014191745 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1594367066742 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1594367066750 {
width: 100%;
max-width: 1240px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_fimg-1594367066761 {
width: 100%;
max-width: 480px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
padding-top: 0px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 0px;
}
#w_grid-1594367066764 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 0px;
}
#w_common_text-1594367066769 {
width: auto;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_common_text-1594367066772 {
width: auto;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 20px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_fline-1594367066774 {
width: 100%;
max-width: 120px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 30px;
margin-left: 0px;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_fline-1594367066777 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_fline-1594367066780 {
width: 100%;
max-width: 120px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: -1px;
margin-left: 0px;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_common_text-1594367066782 {
width: auto;
max-width: 1240px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_common_text-1594367066782 span{
line-height: 2rem;
}
#w_grid-1594367147596 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_common_text-1594367147605 {
width: auto;
max-width: 1240px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1594717281244 {
width: 100%;
max-width: 1240px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1594367147613 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_fimg-1594367147632 {
width: 100%;
max-width: 72px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_common_text-1594367147635 {
width: auto;
max-width: 400px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 20px;
margin-left: 0px;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_common_text-1594367147638 {
width: auto;
max-width: 400px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 10px;
margin-left: 0px;
margin-right: auto;
margin-bottom: 40px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1594367147618 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_fimg-1594367147642 {
width: 100%;
max-width: 72px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_common_text-1594367147645 {
width: auto;
max-width: 400px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 20px;
margin-left: 0px;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_common_text-1594367147648 {
width: auto;
max-width: 400px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 10px;
margin-left: 0px;
margin-right: auto;
margin-bottom: 40px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1594367147623 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_fimg-1594367147650 {
width: 100%;
max-width: 72px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_common_text-1594367147654 {
width: auto;
max-width: 400px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 20px;
margin-left: 0px;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_common_text-1594367147657 {
width: auto;
max-width: 400px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 10px;
margin-left: 0px;
margin-right: auto;
margin-bottom: 40px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1594367147627 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_fimg-1594367147659 {
width: 100%;
max-width: 72px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_common_text-1594367147663 {
width: auto;
max-width: 400px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 20px;
margin-left: 0px;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_common_text-1594367147665 {
width: auto;
max-width: 400px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 10px;
margin-left: 0px;
margin-right: auto;
margin-bottom: 40px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1594367637797 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1594369427142 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1594369427149 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_common_text-1594369427159 {
width: auto;
max-width: 1240px;
min-width: 0px;
height: 42px;
max-height: none;
min-height: 0px;
margin-top: 7rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_common_text-1594369427161 {
width: auto;
max-width: 1240px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1594369427163 {
width: 100%;
max-width: 1240px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1594369427167 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
padding-top: 0px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 0px;
}
#w_common_text-1594369427174 {
width: auto;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1594277348652 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_common_text-1594277348658 {
width: auto;
max-width: 1240px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1594277348661 {
width: 100%;
max-width: 1240px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1594277348677 {
width: 100%;
max-width: 220px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 147px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_fimg-1594277348700 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 34px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1594277348682 {
width: 100%;
max-width: 220px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 147px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_fimg-1594277348705 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 34px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1594277348687 {
width: 100%;
max-width: 220px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 147px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_fimg-1594277348710 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 34px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1594277348693 {
width: 100%;
max-width: 220px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 147px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_fimg-1594277348714 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 34px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_fline-1594277348667 {
width: 100%;
max-width: 1200px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 20px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1594277348670 {
width: 100%;
max-width: 1240px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1594277348718 {
width: 100%;
max-width: 220px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 147px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_fimg-1594277348742 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 34px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1594277348724 {
width: 100%;
max-width: 220px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 147px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_fimg-1594277348746 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 34px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1594277348729 {
width: 100%;
max-width: 220px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 147px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_fimg-1594277348750 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 34px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1594277348735 {
width: 100%;
max-width: 220px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 147px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_fimg-1594277348754 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 34px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
@media screen and (max-width: 768px){
#c_portalResnav_main-15943646551477094 .header .nav{
display: block;
}
#content_box-1594364655034-0{
height: 3rem;
}
.header{
transform: translate(10rem,0);
}
}
a{
text-decoration: none!important;
}
li{
list-style: none!important;
}
.p_ImgHead{
opacity: 1!important;
}
.p_ImgSummary{
opacity: 1!important;
white-space: nowrap!important;
overflow: inherit!important;
}
.container{
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.youshi{
width: 100%;
height: 484px;
background-image:url(../img/产品优势.png);
background-size: cover;
margin-bottom: 2%;
}
.youshi_item_wrap{
text-align: center;
}
}
#w_fimg-1594277348700 img{
}
.youshi_title{
color: #d9001f;
text-align: center;
font-weight: 600;
padding-top: 1rem;
}
.youshi_item{
display: flex;
justify-content: space-between;
color: #fff;
padding:0 14rem;
margin-top: 4rem;
}
.youshi_item li:nth-child(1) ul{
padding-top: 5px;
}
.youshi_item li:nth-child(1) ul li:nth-child(2){
margin-top: 10px;
}
.youshi_title li{
font-size: 30px;
margin: 1rem 0;
}
.youshi_title li:nth-child(1){
font-size: 30px;
font-weight: 300;
}
.youshi_item ul{
display: flex;
flex-direction: column;
justify-content: flex-start;
text-align: start;
/* align-items: center; */
}
.eng{
font-size: 12px;
}
.youshi_item li{
margin: 0 0rem;
/*padding: 0 1rem;*/
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.youshi_item img{
margin: 1rem 0;
}
.youshi_item ul li:nth-child(2){
font-size: 16px;
}
.youshi_item li ul li:nth-child(3){
font-size: 12px;
font-weight: normal;
margin-top: 1rem;
line-height: 1rem;
text-align: center;
}
.foot_nav{
height: 3rem;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
top: 30%;
}
.foot_nav ul{
display: flex;
flex-wrap: nowrap;
background-color: #253042;
font-size: 1rem;
justify-content: center;
align-items: center;
}
.foot_nav ul li{
width: 5.5rem;
height: 1.5rem;
border-right: 1px solid #fff;
text-align: center;
margin: 0 .5rem;
line-height: 1.5rem;
}
#address{
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
}
#content_box-1590051163367-0{
flex: 1;
}
#content_box-1590051163367-1{
flex: 2;
}
.bannerBox{
position: relative;
transform: translate(0,-1px);
}
.boxcont{
width: 5rem;
height: 4rem;
border: 1xp solid #aeaeae;
}
.boxcont{
width: 12rem;
height: 8rem;
border: .5rem solid #666;
padding-top: 3rem;
padding-left: 3rem;
position: absolute;
top: 25%;
left: 30%;
}
#proCont{
display: flex;
flex-wrap: wrap;
}
.crateLi{
width: 31%!important;
}
#content_box-1594367066764-0{
padding: 2rem;
padding-left: 0;
}
#telnum{
display: flex;
background-color: #fff;
}
#header{
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
border-bottom: 1px solid #f1f1f1;
}
#logo img{
width: 100%;
height: 60px;
}
#nnav ul{
background-color: #414141;
display: flex;
flex-wrap: nowrap;
justify-content: start;
transform: translate(-3rem,0);
padding-left: 22%;
}
#nnav ul li{
padding: 15px;
}
#nnav ul li a{
color: #fff;
}
#nnav ul li:hover{
background-color: #d9001f;
}
#swiper{
width: 100%;
margin: 0 auto;
}
#swiper img{
width: 100%;
height: 100%;
object-fit: cover;
}
#swiper .el-carousel__container{
height: 695px!important;
}
.aboutuse .el-carousel__indicators{
display: none;
}
#text{
width: 340px!important;
height: 200px;
border: 1px solid #ccc;
position: absolute;
top: 40%;
left: 20%;
color: #fff ;
border: 8px solid #666;
z-index: 999;
overflow: inherit;
white-space: nowrap;
font-size: 1.5rem;
}
#text .text_wrap{
position: absolute;
bottom: 30%;
left: 40%;
}
#text .text_wrap .title{
margin: 20px 0;
color: #f8920d;
}
#nlogo{
height: 60px;
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
}
#telnum ul{
display: flex;
flex-wrap: nowrap;
font-size: 14px;
color: #000;
}
#w_common_text-1594367066782{
margin: 0;
}
.addres{
padding-left: 65px;
}
.aboutus_img_wrap{
height: 100%;
}
.aboutus_img_wrap img{
width: 100%;
height: 100%;
object-fit: contain;
}
.aboutus_text{
line-height: 1.8em;
margin: 4% 0;
}
.aboutus_text p:nth-child(n+2){
display: none;
}
.telnum_img{
line-height: 10px;
}
@media screen and (min-width: 1200px) {
.youshi_item{
padding: 0 10rem;
}
}
@media screen and (min-width: 1440px) {
.youshi_item{
padding: 0 20rem;
}
}